@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{--ink:#1f2b33;--muted:#7b8991;--line:#e8ecec;--canvas:#f7f8f7;--white:#fff;--side:#112c33;--side2:#193943;--teal:#128678;--teal-dark:#0f7165;--tint:#eaf5f1;--orange:#cc8236;--red:#c95657;--purple:#6b65ae;--shadow:0 12px 34px rgba(23,44,52,.055);--radius:17px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'Be Vietnam Pro',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:13px;line-height:1.65}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.42;cursor:not-allowed}input,textarea,select{outline:none}svg{flex-shrink:0}#app{min-height:100vh}.layout{display:flex;min-height:100vh}.sidebar{width:256px;background:var(--side);color:#c3d4d7;position:fixed;inset:0 auto 0 0;z-index:40;display:flex;flex-direction:column;transition:transform .24s;width:256px}.sidebar:before{content:"";position:absolute;top:0;right:0;width:220px;height:220px;background:radial-gradient(circle,#2c737441,transparent 66%);pointer-events:none}.brand{height:104px;padding:27px 23px 18px;display:flex;align-items:center;gap:12px;position:relative}.brand-mark{width:41px;height:41px;border-radius:13px;background:linear-gradient(140deg,#48c8af,#119488);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 9px 20px #0b675d58}.brand-main{font-size:18px;font-weight:800;letter-spacing:-.7px;color:white;line-height:1.2}.brand-sub{color:#8aadae;font-size:10px;font-weight:600;letter-spacing:2px;margin-top:6px}.navigation{padding:0 12px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#426169 transparent}.nav-group{font-size:9px;letter-spacing:1.9px;color:#73969e;font-weight:800;margin:22px 16px 9px}.nav-link{border:0;background:transparent;color:#bdced2;display:flex;width:100%;align-items:center;gap:12px;text-align:left;padding:11px 13px;border-radius:10px;margin:2px 0;font-weight:550;font-size:12px;transition:.16s}.nav-link svg{opacity:.78}.nav-link:hover{color:white;background:#2e4d55a6}.nav-link.active{color:#fff;background:#2a5b60;box-shadow:inset 3px 0 0 #64d6bb}.nav-link.active svg{opacity:1;color:#76e2c9}.nav-end{padding:18px;border-top:1px solid #ffffff13}.workspace-chip{display:flex;align-items:center;gap:10px;background:#ffffff0a;padding:12px;border-radius:12px}.workspace-icon{height:32px;width:32px;display:grid;place-items:center;color:#9de3c8;background:#2c5c58;border-radius:10px}.workspace-chip strong{color:#f5fbfa;font-size:11px}.workspace-chip small{font-size:10px;color:#95b5b9;display:block}.workspace-dot{width:6px;height:6px;background:#68d6b3;border-radius:99px;margin-left:auto}.main{margin-left:256px;min-width:0;flex:1}.topbar{height:82px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fafbfa;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:25}.top-left{display:flex;align-items:center;gap:13px;min-width:0}.hamburger{display:none}.breadcrumb{color:#92a0a5;font-size:11px}.breadcrumb strong{color:#42555a;font-weight:700}.top-right{display:flex;gap:15px;align-items:center}.top-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;color:#9eabad;padding:10px 11px;min-width:230px;text-align:left;font-size:11px}.top-search kbd{font-family:inherit;font-size:9px;background:#f3f5f5;padding:2px 6px;border-radius:5px;margin-left:auto}.top-divider{height:23px;border-left:1px solid var(--line)}.profile-avatar{width:34px;height:34px;background:#d6e9e5;display:grid;place-items:center;border-radius:11px;color:#357c75;font-size:11px;font-weight:800}.profile-text strong{display:block;font-size:11px}.profile-text span{display:block;color:var(--muted);font-size:10px}.content{max-width:1540px;margin:auto;padding:35px 38px 60px}.page-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:25px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2.5px;color:var(--teal);font-weight:800;margin:0 0 7px}.page-title{font-size:27px;letter-spacing:-1.1px;line-height:1.4;margin:0 0 5px;font-weight:800}.page-sub{color:var(--muted);font-size:12px;max-width:700px;margin:0;line-height:1.85}.head-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{border:1px solid #dfe7e7;background:#fff;color:#475b60;padding:11px 15px;border-radius:10px;font-weight:700;font-size:11px;display:inline-flex;align-items:center;gap:8px;justify-content:center;white-space:nowrap;box-shadow:0 2px 7px #1b38390a;transition:.15s}.btn:hover{border-color:#a9cac2;transform:translateY(-1px)}.btn.primary{color:white;border-color:var(--teal);background:var(--teal);box-shadow:0 5px 13px #12867824}.btn.primary:hover{background:var(--teal-dark)}.btn.soft{background:#e9f5f0;color:var(--teal-dark);border-color:#e9f5f0}.btn.danger{color:#b14444;border-color:#f2dcdb;background:#fffafa}.btn.sm{padding:8px 10px;font-size:10px;border-radius:8px}.btn.icononly{padding:9px}.icon{height:17px;width:17px;display:inline-block;vertical-align:middle}.ic-sm{width:14px;height:14px}.ic-lg{width:20px;height:20px}.grid{display:grid;gap:17px}.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #e8eceb;border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.card-pad{padding:22px}.stat{padding:20px 22px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-32px;top:-38px;width:100px;height:100px;border-radius:50%;background:var(--tint);opacity:.5}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:11px;color:#788a90;font-size:11px;font-weight:650}.stat-icon{height:34px;width:34px;border-radius:10px;background:var(--tint);color:var(--teal);display:grid;place-items:center;position:relative;z-index:1}.stat-icon.orange{background:#fcf2e6;color:var(--orange)}.stat-icon.purple{background:#f0effb;color:var(--purple)}.stat-icon.red{background:#fbefef;color:var(--red)}.stat-num{font-weight:800;font-size:29px;letter-spacing:-1.4px;line-height:1.2}.stat-foot{margin-top:10px;color:#94a1a5;font-size:10px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-head h3{font-size:14px;margin:0;font-weight:800;letter-spacing:-.2px}.section-head p{color:var(--muted);font-size:11px;margin:3px 0 0}.link{border:0;background:none;color:var(--teal);font-size:10px;font-weight:800;padding:5px}.link:hover{text-decoration:underline}.welcome{min-height:180px;background:linear-gradient(105deg,#173c43,#1b5657 62%,#236f63);border-radius:18px;position:relative;overflow:hidden;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:29px 34px;margin-bottom:23px}.welcome:after,.welcome:before{content:"";border:1px solid #b2eee51d;position:absolute;width:380px;height:380px;border-radius:50%;right:-115px;top:-135px}.welcome:before{width:255px;height:255px;right:-50px;top:-72px;background:#9be3b90b}.welcome-content{position:relative;z-index:1;max-width:610px}.welcome-kicker{color:#a2d8ce;font-size:10px;letter-spacing:2px;font-weight:750;margin-bottom:12px}.welcome h2{font-size:22px;line-height:1.4;margin:0 0 9px;letter-spacing:-.6px}.welcome p{font-size:11px;line-height:1.9;color:#b7d9d7;margin:0}.welcome-actions{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap}.welcome-actions .btn{border-color:#ffffff3f;background:#ffffff17;color:#fff}.welcome-actions .btn.primary{background:#b7ebd7;color:#15483e;border-color:#b7ebd7}.progressbar{height:6px;background:#e8f0ed;border-radius:99px;overflow:hidden}.progressbar>span{display:block;height:100%;border-radius:99px;background:#29a78e}.onboard-list{display:grid;gap:2px}.onboard-row{display:flex;gap:13px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #f0f2f1}.onboard-row:last-child{border:0;padding-bottom:0}.step-num{height:30px;width:30px;flex:0 0 30px;border-radius:10px;background:#edf5f2;color:#218d7a;display:grid;place-items:center;font-size:11px;font-weight:800}.step-num.done{background:#128678;color:#fff}.onboard-row strong{font-size:11px;display:block}.onboard-row p{color:var(--muted);font-size:10px;margin:3px 0 0}.onboard-row .link{margin-left:auto;align-self:center;white-space:nowrap}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:180px;padding:28px;color:var(--muted)}.empty-graphic{width:58px;height:58px;border-radius:18px;background:#eef7f4;color:#69b3a4;display:grid;place-items:center;margin-bottom:13px}.empty strong{font-size:12px;color:#586d72}.empty p{font-size:10px;line-height:1.85;max-width:310px;margin:5px auto 14px}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.search-field{height:40px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);padding:0 12px;border-radius:10px;min-width:260px;color:#9ba8ad}.search-field input{border:none;background:none;min-width:0;width:100%;font-size:11px;color:var(--ink)}.field-select{background:white;border:1px solid var(--line);border-radius:10px;height:40px;padding:0 12px;min-width:140px;color:#51646a;font-size:11px}.table-wrap{width:100%;overflow:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:690px;text-align:left}.data-table th{background:#fafcfb;border-bottom:1px solid #eaf0ee;color:#809197;font-size:10px;font-weight:800;white-space:nowrap;letter-spacing:.2px;padding:15px 18px;position:sticky;top:0;z-index:2}.data-table td{padding:15px 18px;border-bottom:1px solid #f0f2f1;vertical-align:middle;font-size:11px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafdfb}.table-title{font-weight:800;color:#293d41;font-size:11px}.table-secondary{color:#89999e;margin-top:4px;font-size:10px;line-height:1.6}.mono{font-family:'SFMono-Regular',Consolas,monospace;letter-spacing:.1px;font-weight:650;font-size:10px;color:#59747a}.number{font-variant-numeric:tabular-nums;font-weight:800}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:4px 9px;font-size:9px;font-weight:800;white-space:nowrap;background:#eef2f3;color:#6f838a}.badge.green{background:#e6f6ee;color:#28866b}.badge.orange{background:#fff2df;color:#b67b2c}.badge.red{background:#fcedec;color:#c15a57}.badge.blue{background:#eaf1fa;color:#487eaf}.badge.purple{background:#f0edfa;color:#7266ae}.badge.gray{background:#f0f3f3;color:#70838a}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.mini-action{border:0;background:transparent;color:#627e80;padding:7px;display:inline-flex;border-radius:8px}.mini-action:hover{background:#eaf5f1;color:#177c72}.tabs{display:flex;gap:2px;border-bottom:1px solid #e9edeb;margin-bottom:18px;overflow:auto}.tab{border:0;background:transparent;border-bottom:2px solid transparent;padding:12px 15px;font-size:11px;font-weight:700;color:#88979c;white-space:nowrap}.tab.active{color:var(--teal);border-bottom-color:var(--teal)}.inline-hint{padding:13px 16px;background:#f1f7f5;color:#507e76;border:1px solid #dfebe5;border-radius:11px;font-size:10px;line-height:1.9;display:flex;gap:9px;align-items:flex-start;margin-bottom:18px}.inline-hint.warn{color:#9a713f;background:#fff8ec;border-color:#f6e9d7}.data-card-head{padding:20px 22px 0}.data-card-head h3{margin:0;font-size:13px}.data-card-head p{margin:5px 0 15px;font-size:10px;color:var(--muted)}.split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(315px,.8fr);gap:17px}.small-list{padding:0 21px 14px}.small-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0f2f1;padding:13px 0}.small-row:last-child{border:0}.small-icon{height:32px;width:32px;border-radius:10px;display:grid;place-items:center;background:#edf5f2;color:#268c79}.small-row .grow{min-width:0;flex:1}.small-row strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.small-row small{font-size:10px;color:#91a0a4}.small-row .amount{font-weight:800;font-size:11px;white-space:nowrap}.chart{display:flex;align-items:flex-end;gap:14px;height:200px;padding:22px 11px 10px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:flex-end;height:100%}.bar-col .bar{width:100%;max-width:48px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#7cd1b7,#2b9b87);min-height:3px}.bar-col label{font-size:9px;color:#95a2a6}.legend{display:flex;align-items:center;gap:7px;color:#87989d;font-size:10px}.legend i{width:7px;height:7px;background:#4cb79e;border-radius:2px}.two-stats{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mini-stat{border:1px solid var(--line);background:#fbfcfc;padding:15px;border-radius:13px}.mini-stat small{color:var(--muted);font-size:10px}.mini-stat strong{font-size:22px;display:block;line-height:1.6}.form-section-title{font-size:12px;font-weight:800;margin:22px 0 13px;color:#365258}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.cols3-form{grid-template-columns:repeat(3,1fr)}.form-group{display:flex;flex-direction:column;gap:6px;min-width:0}.form-group.full{grid-column:1/-1}.form-group label{font-weight:700;color:#556b70;font-size:10px}.req{color:#cd6e64}.control{height:41px;border:1px solid #dfe8e6;border-radius:9px;background:#fff;padding:0 12px;font-size:11px;color:#29434a;width:100%;transition:.16s}.control:focus{border-color:#54b39f;box-shadow:0 0 0 3px #54b39f20}.control::placeholder{color:#abb7ba}.control:disabled{background:#f4f6f5;color:#91a1a4}.control.textarea{height:90px;padding:12px;resize:vertical}.input-help{color:#9aabae;font-size:9px;line-height:1.7}.checkline{display:flex;align-items:center;gap:7px;color:#63787b;font-size:11px}.checkline input{accent-color:#128678}.form-box{border:1px solid #e4edea;border-radius:13px;padding:16px;background:#fbfdfc}.modal-scrim{position:fixed;inset:0;background:#0b232ba1;backdrop-filter:blur(2px);z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade .15s ease}.modal{background:#fff;border-radius:19px;box-shadow:0 30px 90px #061e2638;width:min(100%,660px);max-height:min(90vh,1000px);display:flex;flex-direction:column;overflow:hidden}.modal.wide{width:min(100%,1000px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:23px 27px 18px;border-bottom:1px solid var(--line);gap:12px}.modal-title{margin:0;font-weight:800;font-size:17px;letter-spacing:-.45px}.modal-sub{font-size:10px;color:var(--muted);margin:5px 0 0}.close{border:0;background:#f0f4f3;border-radius:9px;width:32px;height:32px;display:grid;place-items:center;color:#6a8082}.modal-body{overflow:auto;padding:22px 27px 24px;overscroll-behavior:contain}.modal-foot{padding:16px 27px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fbfcfb}.modal-foot>div{display:flex;gap:8px;margin-left:auto}.pill-row{display:flex;gap:7px;flex-wrap:wrap}.pill{display:inline-flex;border:1px solid #deeae6;background:#f2f8f5;color:#49776c;padding:5px 9px;border-radius:7px;font-size:10px;font-weight:700;gap:5px;align-items:center}.add-row{display:flex;gap:10px;align-items:center;padding:11px;background:#f7faf9;border:1px solid #e9f0ee;border-radius:11px;margin-bottom:8px}.add-row .grow{flex:1;min-width:0}.dynamic-list{display:grid;gap:9px}.sub-form{border:1px solid #e7eeeb;background:#fbfdfc;padding:12px;border-radius:12px;margin:10px 0}.form-actions{display:flex;gap:8px;justify-content:flex-end}.variant-card{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e6edea;border-radius:10px}.variant-card>*{min-width:0}.variant-card strong{display:block;font-size:11px}.variant-card small{display:block;color:var(--muted);font-size:9px}.detail-hero{background:linear-gradient(110deg,#ebf6f1,#f7fcf9);padding:23px;border-radius:13px;margin-bottom:17px}.detail-hero h3{margin:0 0 6px;font-size:18px}.detail-hero p{margin:0;color:#65817a;font-size:10px}.detail-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:18px}.detail-metric{padding:12px;background:#ffffffbc;border:1px solid #dcece5;border-radius:9px}.detail-metric small{font-size:9px;color:#73928a}.detail-metric strong{font-size:16px;display:block}.detail-list{display:grid;gap:12px}.detail-line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eff2f0;padding-bottom:10px;font-size:11px}.detail-line span:first-child{color:#8a9a9e}.detail-line strong{text-align:right;max-width:65%}.mini-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.quick-pill{border:1px solid #dceae6;background:#f6faf8;color:#608b7c;padding:6px 10px;border-radius:8px;font-size:10px}.stack{display:grid;gap:15px}.divider{height:1px;background:var(--line);margin:19px 0}.progressline{display:flex;align-items:center;gap:10px}.progressline .progressbar{flex:1}.notice{background:#fdf7eb;color:#ad8137;padding:10px;border-radius:9px;font-size:10px}.notice.success{background:#e9f8ef;color:#3c9271}.notice.error{background:#fdf1f1;color:#bb6161}.table-input{width:91px;min-width:70px;padding:8px;border:1px solid #e0e9e7;border-radius:8px;background:#fff;color:#334d51;font-size:10px}.table-input:focus{border-color:#2da48f}.table-mini-select{width:94px;min-width:75px;padding:7px 5px;border:1px solid #e0e9e7;border-radius:8px;background:white;font-size:10px}.table-actions{display:flex;gap:5px;align-items:center}.audit-counts{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.audit-counts>span{font-size:10px;color:var(--muted)}.alert-box{padding:16px;background:#fff9f0;border:1px solid #f4e8d5;border-radius:12px;color:#8c7548;font-size:10px;line-height:1.9}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row strong{font-size:12px;display:block}.setting-row p{font-size:10px;color:var(--muted);margin:4px 0 0;max-width:580px}.footer-note{color:#9faeaf;font-size:10px;text-align:center;margin-top:25px}.loading-lock{pointer-events:none;opacity:.65}.toast{box-shadow:0 12px 40px #122e3227;background:#193a40;color:#fff;border:1px solid #426263;padding:13px 18px;border-radius:11px;display:flex;align-items:center;gap:10px;margin:9px 0;font-size:11px;animation:slide .25s ease;max-width:min(430px,90vw)}#toast-root{position:fixed;bottom:22px;right:25px;z-index:200}.toast.error{background:#7b3d40;border-color:#9b5657}.screen-cover{display:none}.teal{color:var(--teal)}.redtxt{color:var(--red)}.orangetxt{color:var(--orange)}.pointer{cursor:pointer}.nowrap{white-space:nowrap}.text-right{text-align:right}.contextline{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.timeline{display:flex;gap:9px;align-items:center}.timeline-dot{width:9px;height:9px;border:2px solid var(--teal);border-radius:100%}.summary-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:16px}.summary-strip strong{font-size:11px}.summary-strip span{color:var(--muted);font-size:10px}.select-multi{border:1px solid #e2e9e6;border-radius:10px;max-height:180px;overflow:auto;padding:8px;background:#fbfdfc}.select-multi label{display:flex;align-items:center;gap:9px;font-size:10px;padding:7px 8px;border-radius:7px}.select-multi label:hover{background:#eff7f4}.select-multi input{accent-color:#168f7f}.calendar-stamp{font-size:9px;letter-spacing:1px;font-weight:800;color:var(--teal)}.disabled-note{font-size:9px;color:#a9b5b4}.badge-fit{max-width:100%;overflow:hidden;text-overflow:ellipsis}.filepick{display:none}.menu-mobile-logo{display:none}.sort-label{cursor:pointer}.sort-label:hover{color:var(--teal)}.list-note{font-size:10px;color:var(--muted);line-height:1.9}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help-step{background:#fafdfb;border:1px solid #e6f0eb;border-radius:12px;padding:16px}.help-step .num{font-size:10px;color:#11917f;font-weight:800}.help-step strong{display:block;font-size:12px;margin:8px 0}.help-step p{margin:0;font-size:10px;color:var(--muted)}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes slide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1320px){.content{padding:28px 26px 48px}.sidebar{width:236px}.main{margin-left:236px}.topbar{padding:0 26px}.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.chart{height:190px}}
@media(max-width:1000px){.sidebar{transform:translateX(-100%);width:260px}.sidebar.open{transform:translateX(0)}.screen-cover.show{display:block;position:fixed;inset:0;background:#08242a80;z-index:35}.main{margin-left:0}.hamburger{display:grid;place-items:center;border:0;background:#fff;border:1px solid var(--line);width:34px;height:34px;border-radius:9px;color:#537075}.topbar{height:68px}.top-search{min-width:inherit}.top-search span,.top-search kbd{display:none}}
@media(max-width:700px){.content{padding:23px 15px 48px}.topbar{padding:0 15px;height:60px}.top-right{gap:9px}.profile-text,.top-divider{display:none}.top-search{padding:8px;min-width:36px;height:36px}.breadcrumb{font-size:10px}.page-head{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:19px}.page-title{font-size:23px}.page-sub{font-size:11px}.head-actions{width:100%}.head-actions .btn{flex:1}.welcome{flex-direction:column;align-items:flex-start;padding:23px 21px;gap:18px;min-height:unset}.welcome h2{font-size:20px}.cols4,.cols3,.cols2{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:17px 15px}.stat-num{font-size:24px}.stat-top{font-size:10px}.stat-foot{font-size:9px}.card-pad{padding:18px}.split{grid-template-columns:1fr;gap:11px}.form-grid,.form-grid.cols3-form{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar-left,.toolbar-right{width:100%;flex-wrap:wrap}.search-field{flex:1;min-width:170px}.field-select{flex:1;min-width:120px}.modal-scrim{padding:0;align-items:flex-end}.modal,.modal.wide{width:100%;max-height:95dvh;border-radius:19px 19px 0 0}.modal-head{padding:19px}.modal-body{padding:19px}.modal-foot{padding:14px 19px}.detail-metrics{grid-template-columns:1fr 1fr}.help-grid{grid-template-columns:1fr}.table-wrap{margin:0}.summary-strip{gap:8px}}
@media(max-width:390px){.stat-top{align-items:flex-start}.stat-icon{height:29px;width:29px}.cols4{gap:8px}.btn{padding:10px 11px}.page-title{font-size:21px}.top-right{gap:5px}.data-card-head{padding:16px 15px 0}}
@media print{.sidebar,.topbar,.head-actions,.btn,.footer-note{display:none!important}.main{margin:0}.content{max-width:none;padding:0}.card{box-shadow:none}}
/* Keep long master-data and audit forms comfortably scrollable on laptops/phones. */
.modal-head,.modal-foot{flex-shrink:0}
#modal-form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.modal-body{flex:1;min-height:0;overflow:auto}
.modal-foot>div{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:700px){.modal-foot{align-items:flex-start}.modal-foot>.disabled-note{display:none}.modal-foot>div{width:100%}}