:root{--navy: #010726;--navy-2: #0a1740;--accent: #006CFF;--accent-600: #0057d6;--accent-soft: #e6f0ff;--surface: #ffffff;--page: #f4f6f9;--sunken: #f8fafc;--hover: #f1f5f9;--line: #e2e8f0;--line-2: #f1f5f9;--shadow: 0 1px 4px rgba(1, 7, 38, .07);--shadow-lg: 0 12px 32px rgba(1, 7, 38, .16);--ink: #1f2933;--ink-2: #64748b;--ink-3: #94a3b8;--rail-bg: #f7f9fd;--rail-line: #e2e9f5;--rail-text: #4a5c78;--rail-hover: #eef3fb;--rail-active: #e6f0ff;--topbar-h: 52px;--hot: #dc2626;--hot-ink: #991b1b;--hot-soft: #fee2e2;--hot-line: #fecaca;--warm: #b45309;--warm-ink: #92400e;--warm-soft: #fef3c7;--warm-line: #fde68a;--good: #16a34a;--good-ink: #166534;--good-soft: #dcfce7;--good-line: #bbf7d0;--cold: #64748b;--cold-ink: #475569;--cold-soft: #e2e8f0;--cold-line: #cbd5e1;--info-ink: #3730a3;--info-soft: #e0e7ff;--cyan-ink: #0e7490;--cyan-soft: #cffafe;--bg: var(--page);--panel: var(--surface);--border: var(--line);--text: var(--ink);--muted: var(--ink-2);--primary: var(--accent);--danger: var(--hot);--ok: var(--good);--warn: var(--warm)}*{box-sizing:border-box}html{scrollbar-gutter:stable}@supports not (scrollbar-gutter: stable){html{overflow-y:scroll}}body{margin:0;font:14px/1.45 -apple-system,system-ui,Segoe UI,Roboto,sans-serif;background:var(--page);color:var(--ink)}h1,h2,h3,h4{font-weight:650;color:var(--navy);letter-spacing:-.008em}h2{margin:0 0 14px;font-size:1.35rem}h3{margin:0 0 10px;font-size:1.05rem}a{color:var(--accent-600);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;border:1px solid transparent;border-radius:8px;background:var(--hover);color:#334155;padding:8px 14px;display:inline-flex;align-items:center;gap:.35rem;transition:background .12s,color .12s,border-color .12s}button:hover:not(:disabled){background:var(--line)}button:focus-visible{outline:2px solid var(--accent-600);outline-offset:1px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-600);border-color:var(--accent-600)}button.danger{background:var(--hot-soft);color:var(--hot-ink);border-color:var(--hot-line)}button.danger:hover:not(:disabled){background:var(--hot);border-color:var(--hot);color:#fff}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;width:100%}input[type=checkbox],input[type=radio]{width:auto}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #006cff1f}input:disabled,select:disabled,textarea:disabled{background:#eef1f5;color:var(--ink-2);cursor:not-allowed}label{display:block;font-size:13px;color:var(--ink-2);margin:8px 0 3px}table{width:100%;border-collapse:collapse;background:var(--surface)}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line-2);font-size:14px}th{color:var(--ink-2);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;background:var(--sunken);border-bottom:1px solid var(--line)}tbody tr:hover{background:var(--hover)}td button{padding:5px 10px;font-size:.82rem;border-radius:7px}td .row,td .toolbar{gap:6px}tbody tr:last-child td{border-bottom:none}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.panel>table:first-child th:first-child{border-top-left-radius:12px}.panel>table:first-child th:last-child{border-top-right-radius:12px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.row>*{flex:1;min-width:160px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.spacer{flex:1}.kpi{font-size:30px;font-weight:700;color:var(--navy);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--cold-soft);color:var(--cold-ink)}.badge.active,.badge.paid{background:var(--good-soft);color:var(--good-ink)}.badge.pending,.badge.draft{background:var(--info-soft);color:var(--info-ink)}.badge.grace{background:var(--warm-soft);color:var(--warm-ink)}.badge.suspended,.badge.void{background:var(--hot-soft);color:var(--hot-ink)}.badge.cancelled{background:var(--cold-soft);color:var(--cold-ink)}.badge.issued{background:var(--cyan-soft);color:var(--cyan-ink)}.muted{color:var(--ink-2)}.err{color:var(--hot-ink);font-size:13px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#01072673;display:flex;align-items:center;justify-content:center;z-index:400;padding:20px}.modal{background:#fff;border-radius:14px;padding:22px;width:min(560px,92vw);max-height:90vh;overflow:auto;box-shadow:var(--shadow-lg)}