:root{--surface-1:#fff;--page:#fff;--text-primary:#12222e;--text-secondary:#4a5b66;--text-muted:#7c8b95;--grid:#e7e4de;--baseline:#cfcac2;--border:rgba(18,34,46,.12);--good:#0ca30c;--warning:#fab219;--serious:#ec835a;--critical:#d03b3b;--good-text:#006300;--age-1:#83b6d4;--age-2:#6999b7;--age-3:#507d9a;--age-4:#37627e;--age-5:#1f4864;--age-6:#062f4a;--accent:#005888;--brand-orange:#f89018;--row-hover:rgba(0,88,136,.05)}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}header.bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--grid);position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:10}header.bar h1{font-size:16px;margin:0;color:var(--accent);font-weight:650}header.bar .spacer{flex:1 1}main{padding:18px 20px 60px;max-width:1100px;margin:0 auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px}.card .label{color:var(--text-secondary);font-size:12px;margin-bottom:5px}.card .value{font-size:23px;font-weight:650;color:var(--accent)}.card .sub{color:var(--text-muted);font-size:11.5px;margin-top:3px}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:18px}.panel h2{font-size:15px;margin:0 0 4px;font-weight:650}.panel .desc{color:var(--text-secondary);font-size:12.5px;margin:0 0 12px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--text-muted);font-weight:550;font-size:12px;border-bottom:1px solid var(--baseline);white-space:nowrap}td,th{padding:7px 8px}td{border-bottom:1px solid var(--grid);vertical-align:top}tr:hover td{background:var(--row-hover)}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:650;padding:3px 8px;border-radius:999px;white-space:nowrap}.b-critical{background:rgba(208,59,59,.13);color:var(--critical)}.b-serious{background:rgba(236,131,90,.16);color:#b4522c}.b-warning{background:rgba(250,178,25,.18);color:#7a5200}.b-good{background:rgba(12,163,12,.13);color:var(--good-text)}.b-neutral{background:rgba(124,139,149,.14);color:var(--text-secondary)}.btn,button{border:1px solid var(--border);background:#fff;color:var(--text-primary);padding:7px 13px;border-radius:8px;font-size:13px;cursor:pointer;font-weight:550;font-family:inherit}button:hover{border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{opacity:.92;color:#fff}button.code{padding:6px 10px;font-size:12px}button.code.active{background:var(--accent);color:#fff;border-color:var(--accent)}input,select{background:#fff;color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:13px;font-family:inherit}.login-wrap{min-height:100vh;align-items:center;justify-content:center;gap:18px;padding:20px}.login-box,.login-wrap{display:flex;flex-direction:column}.login-box{width:100%;max-width:360px;border:1px solid var(--border);border-radius:14px;padding:26px;gap:12px}.err{color:var(--critical);font-size:13px}.muted{color:var(--text-muted)}.chip{font-size:11px;padding:3px 9px;border-radius:999px;background:rgba(0,88,136,.1);color:var(--accent);font-weight:650}.acct{border:1px solid var(--border);border-radius:12px;padding:13px 15px;margin-bottom:10px}.acct .top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}.acct .amt{font-weight:700;color:var(--accent);font-size:16px}.acct .controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}.saved{color:var(--good-text);font-weight:600}.saved,footer{font-size:12px}footer{text-align:center;color:var(--text-muted);padding:18px}