:root{--navy-900: #0b1f3a;--navy-700: #163a63;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-50: #e8f0f8;--gray-50: #f5f7fa;--slate-100: #f0f3f7;--slate-200: #d8e0e8;--ink-900: #172033;--slate-500: #64748b;--slate-400: #94a3b8;--green-700: #15803d;--amber-600: #d97706;--red-600: #dc2626;--cyan-600: #0284c7;--page-bg: var(--gray-50);--bg: #ffffff;--surface: #ffffff;--surface-alt: var(--slate-100);--border: var(--slate-200);--text: var(--ink-900);--muted: var(--slate-500);--text-muted: var(--slate-400);--accent: var(--blue-600);--accent-hover: var(--blue-700);--accent-soft: var(--blue-50);--nav-bg: var(--navy-900);--nav-hover: var(--navy-700);--nav-text: #cdd8e6;--nav-text-strong: #ffffff;--ok: var(--green-700);--warn: var(--amber-600);--danger: var(--red-600);--info: var(--cyan-600);--spend-0: var(--blue-600);--spend-1: #0891b2;--spend-2: var(--amber-600);--spend-3: #7c3aed;--spend-4: var(--cyan-600);--spend-5: var(--red-600);--space-1: .25rem;--space-2: .35rem;--space-3: .5rem;--space-4: .7rem;--space-5: .9rem;--space-6: 1.2rem;--space-7: 1.6rem;--space-8: 2.4rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-pill: 999px;--radius-circle: 50%;--text-xs: .72rem;--text-sm: .78rem;--text-base: .85rem;--text-md: .9rem;--text-lg: 1.05rem;--text-xl: 1.35rem;--weight-normal: 400;--weight-medium: 600;--line-tight: 1.3;--line-body: 1.5;--border-width: 1px;--shadow-sm: 0 1px 2px rgb(0 0 0 / .06);--shadow-md: 0 4px 12px rgb(0 0 0 / .1);--focus-ring: 2px solid var(--accent);--focus-offset: 2px;--motion-fast: .12s;--motion-base: .2s}:root{color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page-bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:var(--line-body)}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}button{padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit;font-size:var(--text-base);cursor:pointer;white-space:nowrap}button:disabled{opacity:.5;cursor:default}button.primary{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:var(--weight-medium)}button.primary:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}input,textarea,select{width:100%;padding:var(--space-3) var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:inherit;font:inherit;font-size:var(--text-md)}input[type=checkbox],input[type=radio]{width:auto;padding:0}textarea{line-height:var(--line-body);resize:vertical}table{width:100%;border-collapse:collapse;font-size:var(--text-md)}th{text-align:left;font-weight:var(--weight-medium)}.muted{color:var(--muted);font-size:var(--text-base)}.hint{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-sm)}.error{color:var(--danger);font-size:var(--text-base)}.ok{color:var(--ok);font-size:var(--text-base)}.link{padding:0;border:0;background:none;color:var(--accent);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer}.spacer{flex:1}.card{margin-bottom:var(--space-5);padding:var(--space-5) var(--space-6);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.pill{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--text-xs);white-space:nowrap}