:root{font-family:Inter,Geist,system-ui,-apple-system,"Kantumruy Pro","Noto Sans Khmer",sans-serif;color:#1d2b37;background:#f3f5f7;font-size:15px;line-height:1.5;--nav:#142738;--nav-muted:#a9bbc9;--teal:#086c62;--teal-light:#e7f4f1;--border:#e0e6eb;--muted:#5c6c7a;--ink:#1d2b37;--radius:10px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #0d897c;outline-offset:2px}a{color:var(--teal)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}svg{vertical-align:middle;flex-shrink:0}.skip{position:fixed;left:10px;top:-80px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}
.shell{min-height:100vh}.sidebar{position:fixed;z-index:12;left:0;top:0;bottom:0;width:236px;display:flex;flex-direction:column;background:var(--nav);color:white;overflow:auto}.brand{min-height:75px;display:flex;align-items:center;gap:12px;margin:0 18px;padding:0 1px;border-bottom:1px solid #294052}.brand-icon{width:39px;height:39px;display:grid;place-items:center;background:#19776e;border-radius:8px}.brand strong{font-size:17px;font-weight:740;display:block;letter-spacing:-.025em}.brand small{display:block;font-size:11px;color:#b0c2ce;margin-top:1px}.nav{padding:14px 11px 16px}.nav-group{padding:11px 10px 6px;font-size:10.5px;letter-spacing:.105em;font-weight:720;color:#8da5b6}.nav-group:not(:first-child){padding-top:19px}.nav button{width:100%;border:0;display:flex;gap:11px;align-items:center;min-height:40px;padding:8px 10px;border-radius:6px;background:transparent;color:#c2d0da;text-align:left;font-size:13.5px;line-height:1.25;margin:2px 0;position:relative}.nav button:hover{background:#203a4b;color:#fff}.nav button.current{background:#23474e;color:#edfdf8;font-weight:650}.nav button.current::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:4px;background:#71d1bb}.nav svg{width:17px;height:17px;color:#9cb4c4}.nav .current svg{color:#7ae0c9}.sidebar-foot{margin:auto 15px 0;padding:14px 2px 16px;border-top:1px solid #294052;display:flex;align-items:center;gap:10px;color:#b9cbd7;font-size:12px}.sidebar-foot svg{color:#76a69f}
.workspace{margin-left:236px}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 29px;gap:16px;position:relative;z-index:5}.crumb{font-size:13px;display:flex;align-items:center;gap:9px;white-space:nowrap}.crumb span{color:#677888}.crumb b{font-weight:660}.top-right{display:flex;align-items:center;gap:14px;min-width:0}.search{position:relative;display:flex;align-items:center;gap:9px;background:#f5f7f9;border:1px solid #e3e9ee;border-radius:7px;padding:0 9px;height:37px;color:#677888;width:min(29vw,320px)}.search input{border:none;background:transparent;width:100%;font-size:13px;min-width:0;outline:none;padding:0}.search input:focus-visible{outline:none}.search:focus-within{border-color:#329285}.search-results{position:absolute;top:42px;right:0;width:min(390px,80vw);background:#fff;border:1px solid var(--border);box-shadow:0 12px 32px #14273826;border-radius:8px;overflow:hidden;z-index:10}.search-results button{display:flex;align-items:center;gap:8px;border:0;border-bottom:1px solid #edf1f4;background:white;text-align:left;width:100%;padding:10px 13px;font-size:13px}.search-results button:hover{background:#f1f7f6}.search-results p{padding:10px 13px;font-size:13px}.icon-btn{border:1px solid var(--border);border-radius:7px;background:white;color:#506474;display:inline-grid;place-items:center;width:37px;height:37px;padding:0;position:relative}.icon-btn:hover{background:#edf3f6}.notify::after{content:"";position:absolute;top:8px;right:9px;width:6px;height:6px;border-radius:100%;background:#ca7653;box-shadow:0 0 0 2px #fff}.profile{display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;text-align:left;white-space:nowrap}.avatar{border-radius:100%;height:34px;width:34px;background:#e4f1ee;color:#12665b;display:grid;place-items:center;font-size:12px;font-weight:750}.profile span.name{display:block;font-size:12.5px;font-weight:700;line-height:1.2}.profile small{display:block;color:var(--muted);font-size:10.5px;margin-top:2px}.mobile-menu{display:none}
main{max-width:1600px;margin:0 auto;padding:25px 29px 40px}.loading,.empty{padding:25px;color:var(--muted)}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 21px}.page-head h1{font-size:29px;line-height:1.14;font-weight:755;letter-spacing:-.035em}.page-head p{margin-top:6px;color:var(--muted);font-size:13.5px}.date-pill{display:inline-flex;gap:8px;align-items:center;white-space:nowrap;padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:#fff;color:#516473;font-size:12px;font-weight:650}
.demo-bar{display:flex;align-items:center;gap:8px;border:1px solid #d6e8e4;border-radius:7px;background:#eaf4f2;padding:8px 11px;color:#26574f;font-size:12px;margin-bottom:19px}.demo-bar strong{font-weight:740}.demo-bar span{color:#426a64}.demo-bar .dot{height:7px;width:7px;border-radius:100%;background:#298576;margin:0 3px}.demo-bar button{margin-left:auto;border:0;background:transparent;padding:0 2px;font-size:12px;color:#21665b;font-weight:680;white-space:nowrap}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px}.kpi{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:14px 15px 13px;text-align:left;min-width:0;box-shadow:0 1px 2px #13273606}.kpi:hover{border-color:#8dbdb4}.kpi-head{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:12.5px;font-weight:665;color:#4c5e6c}.kpi-icon{display:grid;place-items:center;border-radius:8px;width:32px;height:32px;color:#167265;background:#e7f3ef}.kpi-icon.blue{color:#3a6383;background:#edf2f8}.kpi-icon.amber{color:#93691e;background:#f9f0df}.kpi-icon.red{color:#9b483a;background:#faeee9}.kpi strong{font-size:29px;letter-spacing:-.045em;line-height:1.2;display:block;margin-top:1px;font-weight:760;overflow-wrap:anywhere}.kpi p{color:#667785;font-size:11.5px;margin-top:5px}.kpi.danger p{color:#9b483a}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,327px);gap:16px;align-items:start}.dashboard-side{display:grid;gap:16px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 2px #14273806;overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:start;gap:10px;padding:16px 16px 12px}.card-head h2{font-size:17px;letter-spacing:-.02em;font-weight:730}.card-head p{font-size:12px;color:var(--muted);margin-top:3px}.chip{padding:3px 7px;border-radius:5px;background:#eff3f6;color:#536775;font-size:11px;line-height:1.5;font-weight:690;white-space:nowrap}.link-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:3px 0;color:var(--teal);font-size:12.5px;font-weight:690;text-align:left}.link-btn:hover{text-decoration:underline}.tabs{display:flex;gap:16px;border-bottom:1px solid var(--border);padding:0 16px;overflow:auto}.tabs button{border:0;border-bottom:2px solid transparent;background:none;white-space:nowrap;padding:7px 0 8px;color:#596c79;font-size:12.5px;font-weight:620}.tabs button.selected{border-color:#158273;color:#087267;font-weight:750}
.table-scroll{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.table th{background:#f7f9fb;color:#526574;font-size:11.5px;font-weight:720;white-space:nowrap;padding:10px 13px;border-bottom:1px solid #e8edf0}.table td{padding:10px 13px;border-bottom:1px solid #edf0f3;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#f9fbfc}.table .primary-cell{font-weight:690;color:#263747;line-height:1.26}.table .primary-cell button{font:inherit;color:inherit;background:none;border:none;padding:0;text-align:left}.table .primary-cell button:hover{text-decoration:underline}.table small{display:block;color:#677887;font-size:11px;font-weight:500;margin-top:4px}.table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.queue td{padding-top:11px;padding-bottom:11px}.queue td:first-child,.queue th:first-child{padding-left:16px}.queue td:last-child,.queue th:last-child{padding-right:16px}.queue td:last-child{width:20px;color:#6d8190}.queue tr{cursor:pointer}.row-title{display:flex;align-items:center;gap:9px}.row-ico{width:29px;height:29px;background:#edf3f5;border-radius:6px;color:#5c788a;display:grid;place-items:center;flex-shrink:0}.status{display:inline-flex;align-items:center;gap:4px;line-height:1.45;padding:3px 8px;border-radius:5px;background:#edf1f4;color:#4d6170;font-size:11.25px;font-weight:700;white-space:nowrap}.status.green{background:#e5f4ee;color:#156859}.status.red{background:#f9eae6;color:#963f36}.status.amber{background:#fbf1df;color:#825615}.status.blue{background:#eaf1f9;color:#2f608b}.queue-footer{border-top:1px solid #e9eef2;padding:10px 16px}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 13px 13px}.quick{min-height:77px;text-align:left;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:7px;border:1px solid #e2e9ec;border-radius:8px;background:#f9fbfb;padding:9px 10px;font-size:12.25px;font-weight:700;color:#304656}.quick:hover{background:#ecf6f3;border-color:#96c6bc}.quick svg{color:#14786a}.alerts{padding:0 15px 5px}.alert-item{display:flex;align-items:flex-start;gap:9px;border:0;background:none;border-bottom:1px solid #edf1f3;width:100%;text-align:left;padding:10px 0;color:var(--ink)}.alert-item:last-child{border-bottom:none}.alert-item:hover .alert-copy strong{text-decoration:underline}.alert-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:#f9efdf;color:#8e601d}.alert-icon.high{background:#faebe6;color:#a4493c}.alert-copy{min-width:0;flex:1}.alert-copy strong{display:block;font-size:12px;line-height:1.3}.alert-copy small{display:block;color:#657784;font-size:11px;margin-top:3px}.card-footer{padding:8px 15px 12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dbe3e8;border-radius:7px;background:#fff;color:#344959;text-decoration:none;padding:8px 11px;min-height:36px;font-weight:675;font-size:13px;white-space:nowrap}.btn:hover{background:#f0f6f5}.btn.primary{color:#fff;background:#087468;border-color:#087468}.btn.primary:hover{background:#055e54}.btn.danger{color:#9b4039;border-color:#eac7c3}.btn.small{min-height:30px;font-size:12px;padding:5px 8px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.section-stack{display:grid;gap:16px}.section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid var(--border)}.section-toolbar h2{font-size:16px;font-weight:730}.filter{border:1px solid var(--border);padding:7px 9px;border-radius:7px;background:#fbfcfd;font-size:13px;max-width:100%}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.money-neg{color:#a14a40}.meter{min-width:85px}.meter-track{width:80px;height:5px;background:#e7edf0;border-radius:5px;display:inline-block;margin-right:5px;vertical-align:middle;overflow:hidden}.meter-track i{display:block;height:5px;background:#248879}
dialog{position:fixed;width:min(760px,calc(100vw - 26px));max-height:calc(100dvh - 42px);padding:0;border:1px solid #dbe4e9;border-radius:12px;box-shadow:0 30px 80px #1427384d;overflow:auto;color:var(--ink)}dialog.wide{width:min(1160px,calc(100vw - 26px))}dialog::backdrop{background:#1224347a}.modal-head{position:sticky;z-index:2;top:0;background:#fff;display:flex;align-items:start;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:21px;line-height:1.25;letter-spacing:-.025em}.modal-head p{color:var(--muted);font-size:13px;margin-top:4px}.modal-body{padding:18px 20px}.modal-body section+section{margin-top:17px}.modal-body h3{font-size:15px;margin-bottom:7px}.modal-foot{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--border);padding:12px 20px;display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap;z-index:2}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .full{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:670;min-width:0}.field input,.field select,.field textarea,.line-input{width:100%;padding:8px 9px;min-height:37px;border:1px solid #ced9e1;border-radius:6px;background:#fff;font-weight:470;color:var(--ink)}.field textarea{resize:vertical;min-height:68px}.field small,.muted{font-weight:460;color:#617481;font-size:12px}.form-error{background:#fcebe7;color:#953f34;border:1px solid #f0c9c3;padding:9px 11px;border-radius:6px;margin:0 0 12px;font-size:13px}.form-note{margin:0 0 12px;background:#eef5f7;border:1px solid #dde9ee;padding:9px 11px;border-radius:6px;font-size:13px;color:#415d6a}.details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;margin:0 0 15px}.details div{min-width:0}.details dt{font-size:11.5px;color:#657987;font-weight:660}.details dd{font-size:14px;margin:3px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.detail-card{border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-top:9px}.detail-card h3{background:#f7f9fb;border-bottom:1px solid #e8edf0;padding:8px 12px;margin:0}.detail-card .content{padding:9px 12px}.detail-actions{margin-top:12px}.line-table{min-width:850px}.line-table td{padding:5px 4px}.line-table th{padding:8px 4px}.line-input{padding:6px;min-height:32px;font-size:12px;min-width:54px}.line-table td:nth-child(2) .line-input{min-width:150px}.line-table select{min-width:112px}.line-table .line-actions{display:flex;gap:4px}.summary-line{padding:10px 0 0;display:flex;gap:14px;flex-wrap:wrap;font-size:13px}.summary-line b{color:#126659}.choice{display:flex;gap:8px;align-items:center;font-size:14px;margin:6px 0}.choice input{width:17px;height:17px}.scan-preview{width:100%;height:auto;max-height:280px;background:#142738;border-radius:8px}.toast{position:fixed;bottom:20px;right:20px;max-width:calc(100vw - 40px);padding:11px 15px;z-index:25;background:#153c38;color:#fff;border-radius:8px;box-shadow:0 8px 25px #1427383a;font-size:13px}.toast.error{background:#883e35}.select-role{min-width:220px}.file-drop{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0}.tab-content{padding-top:0}.section-title{margin:0 0 8px;font-size:15px}.bottom-panels{margin-top:16px}.nowrap{white-space:nowrap}
@media(min-width:1450px){.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(325px,380px)}.sidebar{width:249px}.workspace{margin-left:249px}.topbar{padding-inline:35px}main{padding-inline:35px}}
@media(max-width:1080px){.sidebar{width:208px}.workspace{margin-left:208px}.topbar{padding-inline:19px}main{padding-inline:19px}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(230px,276px);gap:12px}.kpis{gap:9px}.kpi{padding:11px}.kpi strong{font-size:25px}.quick-grid{gap:6px}.quick{padding:8px}.table td,.table th{padding-inline:8px}.queue td:first-child,.queue th:first-child{padding-left:11px}.queue td:last-child,.queue th:last-child{padding-right:11px}.row-ico{display:none}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .18s;width:237px;box-shadow:8px 0 22px #14273825}.sidebar.open{transform:none}.workspace{margin-left:0}.mobile-menu{display:inline-grid}.topbar{justify-content:flex-start;gap:11px}.top-right{margin-left:auto}.profile .name,.profile small{display:none}}
@media(max-width:640px){main{padding:17px 12px 26px}.topbar{height:56px;padding:0 10px;gap:7px}.crumb span,.crumb>svg{display:none}.top-right{gap:7px}.search{width:35vw}.icon-btn{height:34px;width:34px}.avatar{width:31px;height:31px}.profile>svg,.notify{display:none}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:15px;gap:9px}.page-head h1{font-size:24px}.page-head p{font-size:12.5px}.date-pill{display:none}.demo-bar{padding:7px 8px;font-size:11px;gap:5px;margin-bottom:13px}.demo-bar span.text{display:none}.demo-bar button{font-size:11px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:13px}.kpi-head{font-size:12px}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-row:1;grid-template-columns:1fr}.dashboard-side .alerts-card{display:none}.quick-grid{grid-template-columns:repeat(4,1fr)}.quick{min-height:65px;padding:6px;font-size:10px;line-height:1.2}.card-head{padding:13px 12px 10px}.card-head h2{font-size:16px}.tabs{gap:12px;padding-inline:10px}.tabs button{font-size:11.5px}.table{font-size:12px}.queue td{padding-block:9px}.queue .due-col{display:none}.queue .primary-cell{min-width:126px}.grid-two{grid-template-columns:1fr}.form-grid,.details{grid-template-columns:1fr}.modal-body{padding:14px 13px}.modal-head,.modal-foot{padding:11px 13px}.section-toolbar{flex-wrap:wrap}.actions .btn{min-height:40px}.section-stack .table{min-width:550px}}
@media(min-width:641px){.table{font-size:14px}.table th{font-size:12px}.nav button{font-size:14px}.card-head p{font-size:13px}.quick{font-size:13px}}