@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Serif:wght@400;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#12263f;--navy-hover:#0b1728;--navy-tint:#edf1f6;--amber:#d9a22b;--cream:#fbf9f5;--surface:#f7f4ee;--tint:#f4f1ea;--border:#e7e1d6;--border-strong:#cfc7b8;--t1:#16233a;--t2:#57534a;--t3:#6b6355;--t4:#6e675a;--green:#2c6a4c;--green-light:#3e8c68;--red:#c0392b;--dur:.14s;--dur-slow:.18s;--ease:cubic-bezier(.2, .6, .3, 1);--max-content:1440px}html,body{height:100%}body{background:var(--cream);color:var(--t1);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden}.font-serif{font-family:IBM Plex Serif,Georgia,serif}.font-mono{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}:focus-visible{outline:2px solid var(--navy);outline-offset:2px;border-radius:4px}.btn-primary{background:var(--navy);color:#fff;cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease), opacity var(--dur) var(--ease);-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600}.btn-primary:hover,.btn-primary:active{background:var(--navy-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--t1);border:1px solid var(--border-strong);cursor:pointer;white-space:nowrap;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), opacity var(--dur) var(--ease);-webkit-tap-highlight-color:transparent;background:#fff;border-radius:8px;padding:7px 13px;font-family:inherit;font-size:13px;font-weight:600}.btn-secondary:hover,.btn-secondary:active{border-color:var(--navy);background:var(--cream)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--red);color:#fff;cursor:pointer;white-space:nowrap;transition:opacity var(--dur) var(--ease);-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600}.btn-danger:hover{opacity:.88}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:16px}@media (width>=640px){.card{padding:20px}}.badge{white-space:nowrap;border-radius:5px;padding:3px 7px;font-size:11px;font-weight:700;display:inline-block}.badge-draft{color:#463f32;background:#e4dfd3}.badge-sent{color:#0f2b4a;background:#cbdbee}.badge-paid{color:#fff;background:#125e3a}.badge-overdue{color:#fff;background:#c0392b}.badge-partial{color:#6b4508;background:#f6dca0}.badge-pending{color:#3b2703;background:#e9a81c}.badge-approved{color:#fff;background:#1f7a4d}.badge-void{color:#4e4838;background:#d8d2c4}.badge-failed{color:#fff;background:#8e2416}.badge-active{color:#fff;background:#1f7a4d}.badge-completed{color:#fff;background:#125e3a}.badge-SC{color:#0f2b4a;background:#cbdbee}.badge-PR{color:#3b2703;background:#e9a81c}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--t3);background:var(--surface);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px;font-size:10px;font-weight:700}.tbl td{vertical-align:middle;transition:background var(--dur) var(--ease);border-bottom:1px solid #f2eee6;padding:10px;font-size:13px}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr[data-clickable=true]{cursor:pointer}.tbl tbody tr[data-clickable=true]:hover td{background:var(--cream)}.tbl tbody tr:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}.input{border:1px solid var(--border-strong);width:100%;color:var(--t1);-webkit-appearance:none;transition:border-color var(--dur) var(--ease);background:#fff;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:16px}.input:focus{border-color:var(--navy)}@media (width>=640px){.input{padding:9px 11px;font-size:13.5px}}.label{color:var(--t2);margin-bottom:5px;font-size:12.5px;font-weight:600;display:block}.page{width:100%;max-width:var(--max-content);flex-direction:column;gap:14px;margin:0 auto;padding:14px;display:flex}@media (width>=640px){.page{gap:18px;padding:22px}}.kpi-card{border:1px solid var(--border);border-left:3px solid var(--navy);cursor:pointer;transition:border-color var(--dur) var(--ease);background:#fff;border-radius:9px;padding:14px 16px}.kpi-card:hover{border-color:var(--border-strong)}.kpi-label{letter-spacing:.05em;text-transform:uppercase;color:var(--t3);font-size:11px;font-weight:600}.kpi-value{letter-spacing:-.02em;margin-top:6px;font-family:IBM Plex Serif,Georgia,serif;font-size:22px;font-weight:600}.kpi-sub{color:var(--t3);margin-top:4px;font-size:12px}@media (width>=640px){.kpi-value{font-size:24px}}.chip{font:inherit;cursor:pointer;color:var(--t2);border:1px solid var(--border-strong);white-space:nowrap;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);-webkit-tap-highlight-color:transparent;background:#fff;border-radius:8px;padding:6px 11px;font-size:12.5px;font-weight:500}.chip:hover{border-color:var(--navy)}.chip[aria-pressed=true]{background:var(--navy-tint);color:var(--navy);border-color:var(--navy);font-weight:600}.chip-count{color:var(--t3);margin-left:6px}.chip[aria-pressed=true] .chip-count{color:var(--navy)}.menu{border:1px solid var(--border);animation:cxRise var(--dur) var(--ease);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0b172826}.menu-item{text-align:left;width:100%;font:inherit;color:var(--t1);cursor:pointer;min-height:44px;transition:background var(--dur) var(--ease);background:#fff;border:none;padding:12px 16px;font-size:14px;font-weight:500;display:block}.menu-item+.menu-item{border-top:1px solid var(--border)}.menu-item:hover{background:var(--cream)}.menu-item-danger{color:var(--red)}.nav-row{text-align:left;width:100%;font:inherit;cursor:pointer;min-height:44px;transition:background var(--dur) var(--ease);background:0 0;border:none}.nav-row:hover{background:var(--cream)}.backdrop{animation:cxFade var(--dur) var(--ease);background:#0b172873;position:fixed;inset:0}@keyframes cxFade{0%{opacity:0}to{opacity:1}}@keyframes cxRise{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes cxSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes cxSheetUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}