@font-face{font-family:AGLA;src:local('Acumin Pro');font-display:swap}
:root{--navy:#0a1d36;--navy2:#142f4b;--gold:#e1a21c;--ink:#172d46;--muted:#627389;--line:#e1e7ed;--bg:#f5f7f9;--green:#26654c;--goldlight:#faf4e7;--radius:14px;font-family:AGLA,'Segoe UI',Arial,sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ce941b;outline-offset:3px}button{border:0;background:none;color:inherit}.skip{position:fixed;left:12px;top:-80px;background:white;padding:16px;z-index:100}.skip:focus{top:12px}svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1px;font-weight:600;line-height:1.25}h2{font-size:18px;font-weight:600;letter-spacing:-.3px}h3{font-size:15px;font-weight:600}p{line-height:1.6}small,.muted{color:var(--muted)}small{font-size:12px}strong{font-weight:600}.layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--navy);color:#c4d0dc;display:flex;flex-direction:column;padding:30px 18px 20px}.brand{margin:0 12px 40px;background:white;border-radius:7px;padding:8px 12px;display:block}.brand img{width:100%;height:48px;object-fit:contain;display:block}.nav-label{font-size:10px;letter-spacing:2px;color:#91a7bc;margin:0 15px 12px}.sidebar nav{display:grid;gap:6px}.nav{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 15px;border-radius:8px;font-size:13px;color:#c4d0dc;border-left:2px solid transparent}.nav:hover{background:#142c45;color:white}.nav.active{color:white;background:#1a334c;border-left-color:var(--gold)}.sidebar-bottom{margin-top:auto;padding:20px 13px 0;border-top:1px solid #294058}.sidebar-bottom p{font-size:12px;color:#91a7bc;margin-top:8px}.sidebar-bottom strong{color:#e3b855;font-size:12px}.topbar{height:70px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:12px;font-size:12px;color:var(--muted)}.topbar strong{color:var(--ink)}.top-right{display:flex;align-items:center;gap:16px}.avatar{display:grid;place-items:center;width:30px;height:30px;background:#eef2f6;border-radius:50%;color:var(--navy)}.preview-pill{font-size:11px;padding:6px 10px;border-radius:20px;background:var(--goldlight);color:#7a570b}.preview-pill:before{content:' ';display:inline-block;width:5px;height:5px;border-radius:100%;background:#bc8411;margin-right:7px}main{padding:38px 40px 40px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{color:#8b691b;font-size:10px;font-weight:600;letter-spacing:2.1px;text-transform:uppercase;margin-bottom:10px}.page-head p{color:var(--muted);margin-top:8px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;padding:11px 16px;border:1px solid var(--line);background:#fff;min-height:42px;text-decoration:none;font-size:13px;white-space:nowrap}.btn:hover{background:#eef2f6}.btn.primary{background:var(--navy);color:white;border-color:var(--navy)}.btn.primary:hover{background:#23415c}.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--navy);font-weight:600}.btn.subtle{border:0;background:transparent;color:var(--muted)}.btn.small{padding:7px 10px;min-height:34px;font-size:12px}.link{color:#285676;padding:0;font-weight:600;font-size:13px;text-align:left}.link:hover{text-decoration:underline}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.metric{background:white;border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:12px;padding:20px 22px;min-width:0}.metric label{color:var(--muted);display:flex;gap:8px;align-items:center;font-size:12px}.metric strong{display:block;font-size:27px;letter-spacing:-.8px;margin:14px 0 9px;font-variant-numeric:tabular-nums}.metric small{font-size:11px}.metric svg{width:15px;height:15px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px;margin-bottom:24px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 24px;border-bottom:1px solid #edf0f4}.panel-head p{color:var(--muted);font-size:12px;margin-top:5px}.task{display:flex;align-items:center;gap:15px;padding:20px 24px;border-bottom:1px solid #edf0f4}.task:last-child{border-bottom:0}.task .task-body{flex:1}.task p{font-size:12px;margin-top:5px;color:var(--muted)}.icon-box{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#f1f4f7;color:#49627b;flex-shrink:0}.icon-box.warm{background:var(--goldlight);color:#997012}.insight{padding:24px;display:flex;flex-direction:column;gap:19px}.insight .number{font-size:35px;letter-spacing:-1px;font-weight:500}.insight p{font-size:13px;color:var(--muted)}.progress{height:5px;display:flex;background:#eef2f6;border-radius:10px;overflow:hidden}.progress .filled{background:var(--gold);flex:var(--done)}.progress .rest{flex:var(--rest)}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:9px}.hint{padding:13px 15px;border-radius:8px;background:#f5f7fa;color:#50637b;font-size:12px;line-height:1.6}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:13px}th{text-align:left;font-size:11px;color:#6c7d8e;font-weight:500;background:#fafbfc;padding:12px 24px;border-bottom:1px solid var(--line)}td{padding:18px 24px;border-bottom:1px solid #edf0f4;vertical-align:middle}tr:last-child td{border-bottom:0}td small{display:block;margin-top:5px;font-size:11px}.money{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:6px;background:#edf2f7;color:#46607d;font-size:11px;padding:5px 8px;font-weight:500;white-space:nowrap}.badge.green{background:#eef6f1;color:#29664c}.badge.warm{background:#faf3e5;color:#846110}.badge.red{background:#faeeed;color:#a04438}.count{background:#eff3f6;color:#65788a;font-size:11px;padding:3px 7px;border-radius:4px;margin-left:6px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.toolbar input{max-width:330px}.toolbar select{width:auto;min-width:160px}.toolbar .push{margin-left:auto}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow-x:auto}.tab{padding:12px 2px;color:var(--muted);font-size:13px;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{border-color:var(--gold);color:var(--navy);font-weight:600}input,select,textarea{width:100%;border:1px solid #d4dee7;border-radius:7px;background:#fff;padding:11px 12px;color:var(--ink);min-height:43px;outline:none}input::placeholder,textarea::placeholder{color:#8b99a8}input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--navy);vertical-align:middle}textarea{resize:vertical;min-height:85px}label.field{display:grid;gap:7px;font-size:12px;font-weight:500;align-content:start}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wide{grid-column:1/-1}.field small{font-weight:400;line-height:1.5}.form-section{margin:24px 0 15px;padding-top:22px;border-top:1px solid var(--line)}.form-section:first-child{border-top:0;padding-top:0;margin-top:0}.form-section h3{margin-bottom:6px}.form-section p{color:var(--muted);font-size:12px}.summary-rule{background:#f6f8fa;border-left:2px solid var(--gold);padding:15px 18px;font-size:13px;line-height:1.6;margin:20px 0 0}.summary-rule strong{display:block}.summary-rule small{display:block;margin-top:5px}details{margin-top:20px}summary{cursor:pointer;font-size:12px;color:#48627b;padding:10px 0}details .fields{margin-top:12px}.empty{text-align:center;padding:52px 24px;color:var(--muted);font-size:13px}.empty h3{color:var(--ink);margin-bottom:8px}.empty .btn{margin-top:18px}.note{font-size:11px;color:var(--muted);line-height:1.6;margin-top:18px}.export-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:26px}.padded{padding:26px}.checklist{list-style:none;padding:0;margin:20px 0}.checklist li{padding:12px 0;display:flex;gap:10px;border-bottom:1px solid #edf0f4;font-size:13px}.checklist svg{width:16px;color:var(--green)}.info-line{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #edf0f4;font-size:13px}.info-line span{color:var(--muted)}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.client-card{padding:24px}.client-card .icon-box{margin-bottom:22px}.client-card h2{font-size:17px}.client-card .rule-line{margin:25px 0 20px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;line-height:1.7}.client-card .btn{width:100%}.client-card p{color:var(--muted);font-size:12px;margin-top:7px}.footer{display:flex;justify-content:space-between;margin-top:25px;font-size:10px;color:#7a8998;gap:12px}.footer strong{letter-spacing:1.5px;font-size:10px;font-weight:500}.mobile-menu{display:none}dialog{padding:0;border:0;border-radius:16px;width:min(730px,calc(100vw - 32px));max-height:90vh;color:var(--ink);box-shadow:0 24px 80px #071d3533}dialog::backdrop{background:#081b3659;backdrop-filter:blur(3px)}.dialog-header{position:sticky;top:0;z-index:2;background:white;padding:24px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.dialog-header h2{font-size:22px}.dialog-header p{font-size:12px;color:var(--muted);margin-top:7px}.close{width:32px;height:32px;border-radius:50%;display:grid;place-items:center}.close:hover{background:#f1f4f7}.dialog-body{padding:25px 28px}.dialog-footer{position:sticky;bottom:0;z-index:2;background:white;border-top:1px solid var(--line);padding:16px 28px;display:flex;justify-content:flex-end;gap:10px}.error{color:#963e34;background:#fcf0ee;padding:12px 15px;border-radius:8px;font-size:13px;margin-bottom:18px}.error:empty{display:none}#toast:empty{display:none}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;z-index:100;background:var(--navy);color:white;padding:14px 22px;border-radius:10px;box-shadow:0 8px 32px #102a4320;font-size:13px}.route{display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;gap:12px;margin:8px 0 26px}.route h3{font-size:19px;margin:8px 0}.route p{color:var(--muted);font-size:12px}.detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px}.detail-metrics small{display:block;margin-bottom:7px}.detail-metrics strong{font-size:19px}.step-list{display:grid;gap:14px;margin:22px 0}.step{display:flex;align-items:center;gap:12px;font-size:13px}.step svg{color:#8293a5}.step.done svg{color:var(--green)}.step span{color:var(--muted);font-size:11px;margin-left:auto}.selection-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.selection-row strong{margin-left:auto}.loading{padding:50px}.mobile-only{display:none}
@media(min-width:1700px){main{padding-top:48px}.metrics{gap:22px}.workspace-grid{gap:26px}}
@media(max-width:1150px){.layout{grid-template-columns:195px 1fr}.sidebar{padding:24px 10px}.brand{margin:0 10px 30px;padding:6px}.topbar{padding:0 24px}main{padding:28px 24px}.metric{padding:16px}.metric strong{font-size:23px}.workspace-grid{grid-template-columns:1.3fr 1fr}.client-grid{grid-template-columns:1fr 1fr}td,th{padding-left:16px;padding-right:16px}}
@media(max-width:850px){.layout{display:block}.sidebar{display:none;position:fixed;z-index:10;width:240px;box-shadow:10px 0 40px #061b3433}.sidebar.open{display:flex}.mobile-menu{display:flex}.topbar{height:60px;padding:0 18px}.top-right{gap:8px}.topbar .breadcrumb{display:none}main{padding:25px 18px}.page-head{align-items:flex-start}.page-head h1{font-size:27px}.page-head p{font-size:13px}.metrics{grid-template-columns:1fr 1fr;gap:12px}.workspace-grid,.export-grid{grid-template-columns:1fr}.metric strong{font-size:24px}.client-grid{grid-template-columns:1fr 1fr}.footer{flex-wrap:wrap}.top-right .avatar{display:none}.preview-pill{font-size:10px}}
@media(max-width:550px){.page-head{flex-wrap:wrap;gap:16px}.page-head .btn{width:100%}.metrics{gap:10px}.metric{padding:15px 13px}.metric strong{font-size:22px}.metric label{font-size:11px}.metric small{font-size:10px}.metric label svg{display:none}.panel-head,.task{padding:18px}.task .btn{padding:8px;font-size:11px}.client-grid,.fields{grid-template-columns:1fr}.wide{grid-column:auto}.client-card{padding:20px}.toolbar input{max-width:none}.toolbar .push{margin-left:0}.dialog-header,.dialog-body{padding:20px}.dialog-footer{padding:14px 20px}.dialog-header h2{font-size:20px}.detail-metrics{grid-template-columns:1fr 1fr}.route{grid-template-columns:1fr}.route>svg{transform:rotate(90deg)}.page-head .eyebrow{font-size:9px}.tabs{gap:15px}.task .icon-box{display:none}.top-right>span:not(.preview-pill){display:none}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,color .15s}dialog[open]{animation:appear .15s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}

[hidden]{display:none!important}progress{width:100%;height:6px;border:0;border-radius:5px;accent-color:var(--gold)}progress::-webkit-progress-bar{background:#edf1f5;border-radius:5px}progress::-webkit-progress-value{background:var(--gold);border-radius:5px}

.expense-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:26px 0 20px}.expense-head p{font-size:12px;margin-top:6px}.expense-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:24px}.expense-filters .field{min-width:145px}.expense-filters select{max-width:270px}.expense-metric>strong{font-size:25px;white-space:nowrap}.metric-parts{border-top:1px solid var(--line);padding-top:12px;margin-top:16px;display:flex;justify-content:space-between;gap:8px}.metric-parts div{display:flex;flex-direction:column;gap:7px}.metric-parts div:last-child{text-align:right}.metric-parts b{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.metric-parts small{font-size:10px}.calculation{max-width:920px}.calculation p{font-size:12px;color:var(--muted);margin:8px 0}.spaced{margin-top:24px}.filter-note{margin-bottom:18px}
@media(max-width:1250px){.expense-metric>strong{font-size:22px}.metric-parts{flex-wrap:wrap}.metric-parts div:last-child{text-align:left}}
@media(max-width:650px){.expense-head{align-items:flex-start;flex-wrap:wrap}.expense-head .btn{width:100%}.expense-filters .field{min-width:0;flex:1 1 130px}.expense-filters select{max-width:100%}.expense-filters .btn{flex:1}.expense-metric>strong{font-size:19px}.metric-parts{gap:12px}.expense-metric{padding:16px 12px}.metric-parts b{font-size:11px}}

/* Responsive task dialogs and long content: avoid page-wide horizontal scrolling. */
.layout>*,main,.field,.panel,.dialog-body{min-width:0}.dialog-footer{flex-wrap:wrap}.secondary-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.route h3,.route p,.step,.summary-rule{overflow-wrap:anywhere}textarea{max-width:100%;width:100%}.sidebar{overflow-y:auto}
@media(max-width:550px){.btn,input,select{min-height:44px}input,select,textarea{font-size:16px}.dialog-footer .btn{flex:1 1 130px;white-space:normal}.tabs button{min-height:44px}.step{flex-wrap:wrap}.step span{margin-left:31px}.secondary-actions .btn{width:100%}}
@media(max-width:360px){.metrics{grid-template-columns:1fr}.expense-filters .field{flex-basis:100%}.topbar{padding:0 12px}}

.delivery-item{padding:18px 0;border-bottom:1px solid var(--line)}.delivery-item p{font-size:13px;color:var(--muted);margin:6px 0}.delivery-item .fields{margin-top:12px}.tabs{flex-wrap:wrap}

.finance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:550px){.finance-metrics{grid-template-columns:1fr}}
