:root,[data-theme=light]{--bg: #f5f4f1;--surface: #ffffff;--surface-2: #faf9f6;--surface-active: #f0efeb;--surface-hover: #f7f6f3;--border: #e4e2dc;--border-2: #eceae4;--text: #1a1814;--sub: #4a4740;--muted: #8a877e;--emerald: #059669;--emerald-soft: rgba(5, 150, 105, .08);--emerald-ring: rgba(5, 150, 105, .2);--blue: #2563eb;--amber: #d97706;--red: #dc2626;--violet: #7c3aed;--grid: #e7e5df;--spark: #cdd1d8;--area0: rgba(5, 150, 105, .16);--area1: rgba(5, 150, 105, 0);--line-shadow: none;--kpi-grad: linear-gradient(180deg, #ffffff, #ffffff);--dotgrid: none;--shadow: 0 1px 2px rgba(20, 20, 18, .04)}[data-theme=dark]{--bg: #0e1117;--surface: #1a1f2e;--surface-2: #171c2a;--surface-active: #222a40;--surface-hover: #222a40;--border: #2a2f45;--border-2: #232a3d;--text: #f0eeea;--sub: #a4a09a;--muted: #6b6760;--emerald: #10b981;--emerald-soft: rgba(16, 185, 129, .12);--emerald-ring: rgba(16, 185, 129, .3);--blue: #60a5fa;--amber: #fbbf24;--red: #f87171;--violet: #a78bfa;--grid: #222a3d;--spark: #46506b;--area0: rgba(16, 185, 129, .28);--area1: rgba(16, 185, 129, 0);--line-shadow: drop-shadow(0 0 6px rgba(16, 185, 129, .6));--kpi-grad: linear-gradient(180deg, #1a1f2e, #171c2a);--dotgrid: radial-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px);--shadow: 0 1px 2px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background-image:var(--dotgrid);background-size:22px 22px;transition:background .25s,color .25s}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}a{color:inherit;text-decoration:none}button{font-family:inherit}.app{display:flex;min-height:100vh}.side{width:240px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 16px}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 26px}.logo{width:30px;height:30px;border-radius:9px;background:var(--emerald);display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px}[data-theme=dark] .logo{color:#06281e;box-shadow:0 0 16px #10b98180}.brand b{font-size:15.5px;font-weight:700;letter-spacing:-.2px}.brand span{display:block;font-size:11px;color:var(--muted);font-weight:500;margin-top:1px}.navlabel{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:700;padding:10px 10px 6px}.nav{display:flex;flex-direction:column;gap:3px}.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--sub);font-size:14px;font-weight:500;position:relative;cursor:pointer}.nav a svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}.nav a.active{background:var(--emerald-soft);color:var(--emerald);font-weight:600}.nav a.active:before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--emerald)}.nav a:not(.active):hover{background:var(--surface-hover);color:var(--text)}.side-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;border:1px solid var(--border)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-active);display:grid;place-items:center;font-weight:700;font-size:12px;color:var(--sub);position:relative;flex-shrink:0}.avatar:after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--emerald);border:2px solid var(--surface)}.side-foot small{display:block;color:var(--muted);font-size:11px}.side-foot b{font-size:13px;font-weight:600}.side-foot .logout{margin-left:auto;border:0;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}.side-foot .logout svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}.main{flex:1;min-width:0;display:flex;flex-direction:column}.top{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--border);background:var(--surface)}.top h1{font-size:21px;font-weight:700;letter-spacing:-.5px}.top p{font-size:13px;color:var(--muted);margin-top:2px}.top-right{display:flex;align-items:center;gap:12px}.seg{display:inline-flex;background:var(--surface-active);border-radius:10px;padding:3px;gap:2px}.seg button{border:0;background:transparent;font-size:12.5px;font-weight:600;color:var(--muted);padding:6px 13px;border-radius:8px;cursor:pointer}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.iconbtn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--sub)}.iconbtn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9}.secure{display:flex;align-items:center;gap:7px;background:var(--emerald-soft);color:var(--emerald);border:1px solid var(--emerald-ring);padding:8px 13px;border-radius:999px;font-size:12.5px;font-weight:600}.secure svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.body{padding:26px 32px 44px;overflow:auto}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi{background:var(--kpi-grad);border:1px solid var(--border);border-radius:16px;padding:20px 20px 18px}.kpi .label{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.2px}.kpi .val{font-family:IBM Plex Mono,monospace;font-size:34px;font-weight:500;letter-spacing:-1.5px;margin-top:13px;line-height:1}.kpi.accent .val{color:var(--emerald)}[data-theme=dark] .kpi.accent .val{text-shadow:0 0 22px rgba(16,185,129,.45)}.kpi .foot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:13px}.kpi .delta{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--emerald)}.kpi .delta.flat{color:var(--amber)}.grid2{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-top:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px}.card h3{font-size:14.5px;font-weight:600;letter-spacing:-.2px}.card .csub{font-size:12px;color:var(--muted);margin-top:2px;margin-bottom:16px}.legend{display:flex;flex-direction:column;gap:11px}.legrow{display:flex;align-items:center;justify-content:space-between;font-size:13px}.legrow .l{display:flex;align-items:center;gap:9px;color:var(--sub)}.dot{width:9px;height:9px;border-radius:3px}.legrow .v{font-family:IBM Plex Mono,monospace;font-weight:500}.tcard{margin-top:16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.filterbar{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap}.filterbar h3{font-size:14.5px;font-weight:600;margin-right:auto}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--sub);border:1px solid var(--border);border-radius:9px;padding:7px 11px;background:var(--surface);cursor:pointer}.chip.on{color:var(--emerald);border-color:var(--emerald-ring);background:var(--emerald-soft)}.chip input,.chip select{border:0;background:transparent;font:inherit;color:inherit;outline:none}.tscroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700;padding:10px 20px;background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap}th.r,td.r{text-align:right}td{padding:14px 20px;font-size:13.5px;border-bottom:1px solid var(--border-2);color:var(--sub);white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr.clickable{cursor:pointer}tbody tr:hover{background:var(--surface-hover)}.firm{font-weight:600;color:var(--text)}.badge{display:inline-block;padding:3px 9px;border-radius:7px;font-size:11.5px;font-weight:700;border:1px solid var(--border);color:var(--sub);text-transform:capitalize}.badge.growth{color:var(--emerald);background:var(--emerald-soft);border-color:transparent}.badge.scale{color:var(--violet);background:#7c3aed1a;border-color:transparent}.badge.trial{color:var(--amber);background:#d977061a;border-color:transparent}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;text-transform:capitalize}.pill.ok{color:var(--emerald);background:var(--emerald-soft)}.pill.warn{color:var(--amber);background:#d977061a}.pill.bad{color:var(--red);background:#dc26261a}[data-theme=dark] .pill.warn{background:#fbbf241f}[data-theme=dark] .pill.bad{background:#f8717124}.mini{display:flex;align-items:center;gap:9px}.mini .u{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--sub);min-width:66px}.mini .bar{height:6px;border-radius:3px;background:var(--surface-active);overflow:hidden;width:64px}.mini .bar i{display:block;height:100%;border-radius:3px;background:var(--emerald)}.mini .bar i.warn{background:var(--amber)}.num{font-family:IBM Plex Mono,monospace;font-weight:500;color:var(--text)}.created{font-family:IBM Plex Mono,monospace;font-size:11.5px;color:var(--muted)}.pager{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border);font-size:12.5px;color:var(--muted)}.pager .btns{display:flex;gap:8px}.pager button{border:1px solid var(--border);background:var(--surface);color:var(--sub);border-radius:8px;padding:6px 12px;font-weight:600;cursor:pointer}.pager button:disabled{opacity:.4;cursor:default}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:9px 15px;font-size:13px;font-weight:600;cursor:pointer}.btn.primary{background:var(--emerald);border-color:var(--emerald);color:#fff}[data-theme=dark] .btn.primary{color:#06281e}.btn.danger{color:var(--red);border-color:var(--red);background:transparent}.btn:disabled{opacity:.55;cursor:default}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12px;font-weight:600;color:var(--sub)}.field input,.field select{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;padding:11px 13px;font-size:14px;font-family:inherit;outline:none}.field input:focus,.field select:focus{border-color:var(--emerald-ring);background:var(--surface)}.error{color:var(--red);font-size:12.5px;font-weight:600;background:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:9px;padding:9px 12px;margin-bottom:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:32px;box-shadow:var(--shadow)}.login-card .brand{padding:0 0 22px}.login-card h2{font-size:19px;font-weight:700;letter-spacing:-.3px}.login-card .sub{font-size:13px;color:var(--muted);margin:3px 0 22px}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}.kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-2);font-size:13.5px}.kv:last-child{border-bottom:none}.kv .k{color:var(--muted)}.kv .v{color:var(--text);font-weight:600;text-align:right}.back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);font-weight:600;cursor:pointer;margin-bottom:14px}.stepper{display:flex;align-items:center;gap:8px}.stepper button{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;cursor:pointer}.reftable td,.reftable th{padding:8px 12px;font-size:12.5px}.muted{color:var(--muted)}.spinner{color:var(--muted);font-size:13px;padding:40px;text-align:center}@media (max-width: 900px){.kpis{grid-template-columns:repeat(2,1fr)}.grid2,.detail-grid{grid-template-columns:1fr}.side{display:none}}