@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}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}.btn-primary{background:var(--navy);color:#fff;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.btn-primary:hover,.btn-primary:active{background:var(--navy-hover)}.btn-secondary{color:var(--t1);border:1px solid var(--border-strong);cursor:pointer;white-space:nowrap;-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)}.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;border-bottom:1px solid #f2eee6;padding:10px;font-size:13px}.tbl tr:last-child td{border:none}.tbl tbody tr:hover td{background:var(--cream);cursor:pointer}.input{border:1px solid var(--border-strong);width:100%;color:var(--t1);-webkit-appearance:none;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{flex-direction:column;gap:14px;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;background:#fff;border-radius:9px;padding:14px 16px}.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}}