:root{--bg:#f5f7fb;--surface:#fff;--text:#172033;--muted:#657087;--line:#dfe4ee;--accent:#2856d8;--danger:#a12626;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;line-height:1.5}.topbar{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid var(--line)}.brand{font-weight:800;color:var(--text);text-decoration:none}.topbar nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.topbar nav a{color:var(--muted);text-decoration:none}.topbar button{border:0;background:transparent}.page{width:min(100% - 2rem,1180px);margin:2rem auto 5rem}.identity{color:var(--muted);font-size:.85rem}.hero,.panel,.danger,.cards a,.login{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.25rem}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0}.cards a{font-weight:750;text-decoration:none}.split{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1rem}.narrow,.login{max-width:560px}.login{margin:10vh auto}.panel form,.login form{display:grid;gap:.85rem}.panel label,.login label{display:grid;gap:.35rem;font-weight:650}input,select,button{font:inherit;padding:.7rem;border:1px solid #b9c4d8;border-radius:9px}button{background:var(--accent);color:#fff;border:0;font-weight:750;cursor:pointer}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:.78rem;text-transform:uppercase;color:var(--muted)}.danger{margin-top:2rem;border-color:#e1aaaa;background:#fff8f8}.danger h2{color:var(--danger)}.empty,.status{color:var(--muted)}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.help-grid ol,.help-grid ul{padding-left:1.25rem}.help-grid li+li{margin-top:.4rem}:focus-visible{outline:3px solid #7895ed;outline-offset:3px}@media(max-width:760px){.topbar,.split{display:flex;flex-direction:column}.cards,.help-grid{grid-template-columns:1fr}.page{margin-top:1rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.language-switch{position:fixed;left:1rem;bottom:1rem;z-index:20;display:flex;align-items:center;gap:.35rem;padding:.45rem .55rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:0 8px 24px rgba(31,49,91,.12);font-size:.78rem}.language-icon{width:1.3rem;height:1.3rem;flex:none;fill:none;stroke:currentColor;stroke-width:2;color:var(--accent)}.language-switch span{color:var(--muted);padding:0 .25rem}.language-switch a{padding:.3rem .5rem;border-radius:999px;color:var(--muted);text-decoration:none}.language-switch a[aria-current="page"]{background:var(--accent);color:#fff}.language-switch a:focus-visible{outline-offset:2px}@media(max-width:520px){.language-switch{left:.6rem;bottom:.6rem}.language-switch span{display:none}}
.dashboard-hero{max-width:none}.dashboard-toolbar{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;color:var(--muted);font-size:.86rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem}.metric-card p{margin:0;color:var(--muted);font-size:.85rem}.metric-card strong{display:block;margin:.15rem 0;font-size:2rem;line-height:1.1}.metric-card small{color:var(--muted)}.metric-card.blue{border-top:4px solid #46b7d8}.metric-card.green{border-top:4px solid #4ebd83}.metric-card.orange{border-top:4px solid #f0a43a}.metric-card.pink{border-top:4px solid #e17b8c}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.dashboard-panel{min-height:260px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border-bottom:1px solid var(--line);margin-bottom:1rem}.panel-heading h2{margin:.15rem 0 1rem}.metric-bar{margin:1rem 0}.metric-bar>div{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem}.metric-bar strong{font-size:.85rem}.metric-bar i{display:block;height:12px;margin-top:.35rem;border-radius:999px;background:#e7edf5;overflow:hidden}.metric-bar b{display:block;height:100%;border-radius:inherit}.metric-bar b.blue{background:#46b7d8}.metric-bar b.pink{background:#e17b8c}.metric-bar b.green{background:#4ebd83}.metric-bar b.orange{background:#f0a43a}.dashboard-list{border-top:1px solid var(--line);margin-top:1.25rem}.dashboard-list div{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid var(--line)}.dashboard-note{margin-top:1.1rem;color:var(--muted);font-size:.85rem}.dashboard-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0 2rem}.dashboard-actions .card{display:flex;flex-direction:column;color:var(--text);text-decoration:none}.dashboard-actions small{margin-top:.3rem;color:var(--muted)}
@media(max-width:900px){.metric-grid,.dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:520px){.metric-grid,.dashboard-actions{grid-template-columns:1fr}}
.metric-card.purple{border-top-color:#8e78d8}.metric-bar b.purple{background:#8e78d8}.dashboard-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.dashboard-filters span{padding:.35rem .7rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:.8rem}.workflow-panel{margin-top:1rem}

/* Production console presentation. The dashboard stays server-rendered and
   read-only; these visuals do not calculate or mutate financial state. */
:root{--navy:#152340;--navy-soft:#243b66;--cyan:#2ab7ca;--cyan-soft:#e4f8fa;--rose:#e77991;--rose-soft:#fff0f3;--amber:#e9a23b;--amber-soft:#fff5df;--violet:#8b78df;--violet-soft:#f1edff;--success:#36a879;--success-soft:#e8f7f0;--shadow:0 14px 40px rgba(25,42,78,.08)}
body{min-height:100vh;background:radial-gradient(circle at 12% -5%,rgba(42,183,202,.12),transparent 28rem),linear-gradient(180deg,#f3f7fb 0,#f8fafc 34rem,#f5f7fb 100%)}
.topbar{position:sticky;top:0;z-index:10;align-items:center;flex-wrap:wrap;padding:.85rem max(1.25rem,calc((100vw - 1240px)/2));background:rgba(255,255,255,.94);box-shadow:0 1px 0 rgba(25,42,78,.08),0 8px 30px rgba(25,42,78,.04);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:.7rem;font-size:1.03rem}
.brand::before{content:"";width:2rem;height:2rem;border-radius:10px;background:linear-gradient(145deg,var(--cyan),#3f6de0);box-shadow:0 7px 16px rgba(42,116,202,.25)}
.topbar nav{flex:1 1 720px;min-width:0;justify-content:center;gap:.25rem}.topbar nav a,.topbar nav button{padding:.52rem .68rem;border-radius:9px;font-size:.88rem;transition:background .15s ease,color .15s ease}.topbar nav a:hover,.topbar nav a:focus-visible,.topbar nav button:hover{background:#eef4fa;color:var(--navy)}.session-actions{flex:none}.session-actions [data-logout]{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:.55rem .82rem;border:1px solid #cad5e6;background:#fff;color:var(--navy);box-shadow:0 4px 14px rgba(25,42,78,.06)}.session-actions [data-logout]:hover{border-color:#9eafc8;background:#eef4fa}.session-actions [data-logout]:disabled{cursor:wait;opacity:.55}
.backup-download{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.65rem .85rem;border:1px solid #9cb2d7;border-radius:10px;background:#edf4ff;color:#244f9c;font-weight:800;text-decoration:none;box-shadow:0 5px 15px rgba(36,79,156,.08)}.backup-download:hover{border-color:#6f8fc5;background:#e2edff}.backup-download svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.page{width:min(100% - 2rem,1240px);margin:1.4rem auto 5rem}.page>.identity{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .75rem;padding:.28rem .65rem;border:1px solid #dce5f1;border-radius:999px;background:rgba(255,255,255,.75);font-weight:700}.page>.identity::before{content:"";width:.48rem;height:.48rem;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(54,168,121,.12)}
.panel,.danger,.cards a,.login,.metric-card,.donut-card,.dashboard-toolbar{box-shadow:var(--shadow)}
.dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;overflow:hidden;position:relative;padding:clamp(1.5rem,4vw,2.5rem);border-radius:22px;color:#fff;background:linear-gradient(125deg,var(--navy),var(--navy-soft) 62%,#296b83);box-shadow:0 22px 55px rgba(21,35,64,.2)}
.dashboard-hero::after{content:"";position:absolute;right:-5rem;top:-8rem;width:22rem;height:22rem;border-radius:50%;border:4rem solid rgba(255,255,255,.045)}.dashboard-hero h1{margin:.15rem 0 .65rem;font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;letter-spacing:-.04em}.dashboard-hero p{max-width:680px;margin-bottom:0;color:#d8e4f5}.dashboard-hero .eyebrow{color:#71e2eb}
.snapshot-badge{position:relative;z-index:1;min-width:170px;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}.snapshot-badge>span{display:inline-block;width:.55rem;height:.55rem;margin-right:.45rem;border-radius:50%;background:#65e5ad;box-shadow:0 0 0 5px rgba(101,229,173,.13)}.snapshot-badge strong{font-size:.9rem}.snapshot-badge small{display:block;margin:.42rem 0 0 1rem;color:#c8d8ed}
.dashboard-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:1rem 0;padding:.7rem .35rem;border:1px solid #e0e8f2;border-radius:14px;background:rgba(255,255,255,.92)}.dashboard-toolbar span{display:flex;flex-direction:column;gap:.15rem;padding:.35rem .85rem;color:var(--muted);font-size:.75rem;border-right:1px solid #e6ecf3}.dashboard-toolbar span:last-child{border-right:0}.dashboard-toolbar strong{color:var(--navy);font-size:.86rem;font-weight:750}
.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.metric-card{position:relative;overflow:hidden;min-height:134px;padding:1rem 1.05rem;border:0;border-top:0;background:rgba(255,255,255,.96)}.metric-card::after{content:"";position:absolute;right:-1.7rem;bottom:-2.4rem;width:6rem;height:6rem;border-radius:50%;opacity:.55}.metric-card.blue::after{background:var(--cyan-soft)}.metric-card.green::after{background:var(--success-soft)}.metric-card.orange::after{background:var(--amber-soft)}.metric-card.pink::after{background:var(--rose-soft)}.metric-card.purple::after{background:var(--violet-soft)}
.metric-card-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.metric-icon{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:10px;font-size:.82rem;font-weight:850;background:#edf3fb;color:var(--accent)}.metric-card.green .metric-icon{color:var(--success);background:var(--success-soft)}.metric-card.orange .metric-icon{color:#b97919;background:var(--amber-soft)}.metric-card.pink .metric-icon{color:#c7506b;background:var(--rose-soft)}.metric-card.purple .metric-icon{color:#6f59c8;background:var(--violet-soft)}.metric-card strong{position:relative;z-index:1;margin:.35rem 0 .25rem;font-size:2.15rem;letter-spacing:-.04em;color:var(--navy)}.metric-card small{position:relative;z-index:1;font-size:.77rem}
.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.donut-card{margin:0;padding:1.1rem 1.25rem;border:1px solid var(--line);border-radius:16px;background:#fff}.donut-card figcaption{border-bottom:1px solid #edf0f5}.donut-card h2{margin:.1rem 0 .75rem;color:var(--navy)}.donut-layout{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:1.5rem;padding-top:1rem}.donut-visual{position:relative;width:140px;height:140px}.donut-chart{width:100%;height:100%;transform:rotate(-90deg)}.donut-chart circle{fill:none;stroke-width:5.4}.donut-track{stroke:var(--rose)}.donut-segment{stroke:var(--cyan);stroke-linecap:butt}.donut-chart.green .donut-track{stroke:#dce6ef}.donut-chart.green .donut-segment{stroke:var(--success)}.donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.donut-center strong{font-size:1.7rem;line-height:1;color:var(--navy)}.donut-center span{margin-top:.3rem;color:var(--muted);font-size:.72rem}
.chart-legend{margin:0}.chart-legend div{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.72rem 0;border-bottom:1px solid #edf0f5}.chart-legend div:last-child{border-bottom:0}.chart-legend dt{display:flex;align-items:center;gap:.55rem;color:var(--muted)}.chart-legend dd{margin:0;font-weight:800;color:var(--navy)}.chart-legend dd small{margin-left:.45rem;color:var(--muted);font-weight:500}.legend-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--cyan)}.legend-dot.secondary{background:var(--rose)}
.dashboard-grid{gap:1rem}.dashboard-panel{min-height:0;padding:1.25rem;border-color:#e4eaf2}.panel-heading{align-items:center}.panel-heading .text-link{white-space:nowrap;color:#3962c4;text-decoration:none;font-size:.84rem}.metric-bar>div strong small{color:var(--muted);font-weight:500}.metric-bar progress{display:block;width:100%;height:10px;margin-top:.4rem;border:0;border-radius:999px;overflow:hidden;background:#edf1f6;appearance:none}.metric-bar progress::-webkit-progress-bar{background:#edf1f6;border-radius:999px}.metric-bar progress::-webkit-progress-value{border-radius:999px;background:var(--cyan)}.metric-bar progress::-moz-progress-bar{border-radius:999px;background:var(--cyan)}.metric-bar progress.pink::-webkit-progress-value{background:var(--rose)}.metric-bar progress.pink::-moz-progress-bar{background:var(--rose)}.metric-bar progress.green::-webkit-progress-value{background:var(--success)}.metric-bar progress.green::-moz-progress-bar{background:var(--success)}.metric-bar progress.orange::-webkit-progress-value{background:var(--amber)}.metric-bar progress.orange::-moz-progress-bar{background:var(--amber)}.metric-bar progress.purple::-webkit-progress-value{background:var(--violet)}.metric-bar progress.purple::-moz-progress-bar{background:var(--violet)}
.workflow-panel{margin-top:1rem}.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}.manual-payment-notice{display:flex;align-items:flex-start;gap:1rem;margin-top:1.2rem;padding:.85rem 1rem;border:1px solid #f2d9a4;border-radius:12px;background:#fff9ea;color:#72501e}.manual-payment-notice strong{white-space:nowrap}.manual-payment-notice span{font-size:.84rem}
.dashboard-actions{gap:.8rem}.dashboard-actions .card{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;align-items:center;min-height:102px;padding:1rem;box-shadow:0 8px 24px rgba(25,42,78,.055);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.dashboard-actions .card:hover{transform:translateY(-2px);border-color:#b9c9e2;box-shadow:0 14px 32px rgba(25,42,78,.1)}.dashboard-actions .action-icon{grid-row:1/3;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:12px;background:#edf5fb;color:#315fa7;font-size:.85rem;font-weight:850}.dashboard-actions strong{font-size:.96rem}.dashboard-actions small{margin:0;font-size:.76rem}.table-wrap{box-shadow:0 8px 26px rgba(25,42,78,.045)}th{background:#f8fafc}tbody tr:hover{background:#f8fbfe}.login{padding:2rem;box-shadow:0 25px 70px rgba(25,42,78,.14)}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-toolbar span:nth-child(2){border-right:0}.dashboard-toolbar span:nth-child(-n+2){border-bottom:1px solid #e6ecf3}}
@media(max-width:760px){.topbar{position:static}.dashboard-hero{grid-template-columns:1fr}.snapshot-badge{width:100%}.visual-grid{grid-template-columns:1fr}.workflow-grid{grid-template-columns:1fr}.manual-payment-notice{flex-direction:column;gap:.35rem}}
@media(max-width:620px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.donut-layout{grid-template-columns:120px minmax(0,1fr)}.donut-visual{width:116px;height:116px}}
@media(max-width:420px){.metric-grid,.dashboard-toolbar{grid-template-columns:1fr}.dashboard-toolbar span{border-right:0;border-bottom:1px solid #e6ecf3}.dashboard-toolbar span:last-child{border-bottom:0}.donut-layout{grid-template-columns:1fr}.donut-visual{margin:auto}.manual-payment-notice strong{white-space:normal}}
.login::before{content:"";display:block;width:3rem;height:3rem;margin-bottom:1.35rem;border-radius:15px;background:linear-gradient(145deg,var(--cyan),#456fe0);box-shadow:0 10px 24px rgba(42,116,202,.28)}.login h1{font-size:2.15rem;letter-spacing:-.035em}.login input:focus,.panel input:focus,.panel select:focus{border-color:#6d8fe2;box-shadow:0 0 0 4px rgba(69,111,224,.12);outline:0}
.mfa-enrollment{margin:1rem 0;padding:1rem;border:1px solid #cbd9ec;border-radius:12px;background:#f5f8fc}.mfa-secret-row{display:flex;align-items:stretch;gap:.65rem;margin:.75rem 0}.mfa-enrollment code{display:flex;align-items:center;min-width:0;flex:1;overflow-wrap:anywhere;padding:.75rem;border:1px solid #cbd9ec;border-radius:8px;background:#e9eef6;font-size:.86rem;font-weight:750;letter-spacing:.04em}.mfa-secret-row button{width:auto;white-space:nowrap;margin:0}.mfa-enrollment pre{overflow:auto;padding:.7rem;border-radius:8px;background:#17233d;color:#eff6ff;font-size:.78rem}.login section[hidden],.login form[hidden],.mfa-enrollment[hidden]{display:none}@media(max-width:520px){.mfa-secret-row{align-items:stretch;flex-direction:column}.mfa-secret-row button{width:100%}}
.field-hint{display:block;color:var(--muted);font-size:.78rem;font-weight:500;line-height:1.45}
.form-field{position:relative}.form-field>label{padding-right:2rem}.format-help{position:absolute;right:0;top:0;z-index:4}.format-help summary{display:grid;place-items:center;width:1.45rem;height:1.45rem;border:1px solid #aebbd0;border-radius:50%;background:#f7faff;color:#315fa7;font-size:.76rem;font-weight:850;cursor:pointer;list-style:none}.format-help summary::-webkit-details-marker{display:none}.format-help summary:hover,.format-help summary:focus-visible{border-color:#5f7fd1;background:#edf3ff}.format-popover{position:absolute;right:0;top:1.85rem;width:min(290px,78vw);padding:.7rem .8rem;border:1px solid #cbd6e7;border-radius:10px;background:#fff;color:var(--text);box-shadow:0 12px 34px rgba(21,35,64,.16);font-size:.78rem;font-weight:500;line-height:1.5}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.password-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem}.field-action,.utility-button{padding:.58rem .7rem;border:1px solid #bac8dc;background:#f4f7fc;color:#294f9f;font-size:.78rem;box-shadow:none}.field-action:hover,.utility-button:hover{background:#e8effb}.generator-actions{display:flex;gap:.5rem;flex-wrap:wrap}.generator-note{min-height:1.25rem;margin:0;color:var(--muted);font-size:.78rem}.form-field input:invalid:not(:focus):not(:placeholder-shown){border-color:#bf4f4f}.form-field input[aria-invalid="true"]{border-color:#bf4f4f}
.withdrawal-layout{margin-top:1rem}.workflow-cards{display:grid;gap:1rem}.workflow-card{padding:1.1rem;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(25,42,78,.05)}.workflow-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.workflow-card h3{margin:.2rem 0;font-size:1.12rem}.case-number{color:var(--muted);font-size:.76rem}.state-pill{display:inline-flex;padding:.3rem .65rem;border-radius:999px;background:#edf3ff;color:#315fa7;font-size:.76rem;font-weight:800}.state-pill.state-paid{background:#e8f7ef;color:#23704b}.state-pill.state-rejected{background:#fff0f0;color:#9f3030}.state-pill.state-awaiting_amount,.state-pill.state-pending_approval{background:#fff6e5;color:#8a5a12}.workflow-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}.workflow-card dl div{padding:.65rem;border-radius:10px;background:#f7f9fc}.workflow-card dt{color:var(--muted);font-size:.72rem}.workflow-card dd{margin:.15rem 0 0;font-weight:750;overflow-wrap:anywhere}.workflow-actions{display:flex;align-items:flex-start;gap:.6rem;flex-wrap:wrap}.workflow-action{display:grid;gap:.55rem;min-width:160px}.workflow-action.inline{display:grid}.workflow-action .form-field{min-width:150px}.workflow-action .status{max-width:260px;margin:0;font-size:.78rem}.muted{color:var(--muted);font-size:.84rem}.dashboard-hero.compact{min-height:auto}.dashboard-hero.compact h1{margin-bottom:.35rem}@media(max-width:760px){.workflow-card dl{grid-template-columns:1fr}.workflow-actions,.workflow-action{display:grid;width:100%}.workflow-action button{width:100%}.topbar nav{flex-basis:auto;justify-content:flex-start}.session-actions,.session-actions [data-logout]{width:100%}}