:root{--bg:#0a0e15;--panel:#111826;--panel-2:#0e1420;--border:#1e2837;--border-2:#2a3547;--text:#e8ecf3;--muted:#8a94a6;--faint:#5b6576;--gold:#c8a24b;--gold-dim:#a8863b;--green:#34d399;--red:#f87171;--blue:#6aa0ff}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:700}.app{min-height:100vh;display:flex}.sidebar{background:var(--panel-2);border-right:1px solid var(--border);flex-direction:column;flex:none;width:232px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:4px 8px 18px;display:flex}.brand img{width:30px;height:30px}.brand b{letter-spacing:.13em;color:var(--text);font-size:13.5px}.brand b span{color:var(--faint);font-weight:400}.nav-group{letter-spacing:.16em;text-transform:uppercase;color:var(--faint);padding:14px 10px 6px;font-size:10px}.nav-link{color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.nav-link:hover{background:var(--panel);color:var(--text)}.nav-link.active{background:var(--panel);color:var(--text);box-shadow:inset 2px 0 0 var(--gold)}.nav-spacer{flex:1}.main{flex:1;min-width:0;max-width:1180px;padding:28px 34px 60px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.page-head h1{font-size:26px}.page-head p{color:var(--muted);margin:4px 0 0;font-size:14px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:600}.grid{gap:16px;display:grid}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.biz-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{background:linear-gradient(180deg, var(--panel), var(--panel-2));border:1px solid var(--border);border-radius:14px;padding:20px}.kpi .label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.kpi .value{letter-spacing:-.02em;margin-top:8px;font-size:28px;font-weight:700}.kpi .sub{color:var(--faint);margin-top:4px;font-size:12px}.biz{position:relative;overflow:hidden}.biz .biz-top{align-items:center;gap:9px;display:flex}.biz .dot{border-radius:50%;width:9px;height:9px}.biz h3{font-size:16px}.biz .tag{color:var(--muted);margin:3px 0 16px;font-size:12.5px}.biz .metrics{flex-direction:column;gap:9px;display:flex}.biz .m{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding-bottom:9px;font-size:13.5px;display:flex}.biz .m:last-child{border-bottom:none;padding-bottom:0}.biz .m .k{color:var(--muted)}.biz .m .v{font-weight:600}.biz .actions{gap:8px;margin-top:16px;display:flex}.badge{border:1px solid var(--border-2);color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge.live{color:var(--green);background:#34d39914;border-color:#34d3994d}.badge.off{color:var(--faint)}.badge.good{color:var(--green);border-color:#34d3994d}.badge.warn{color:var(--gold);border-color:#c8a24b4d}.badge.red{color:var(--red);border-color:#f871714d}.btn{border:1px solid var(--border-2);background:var(--panel);color:var(--text);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--gold-dim)}.btn.gold{background:var(--gold);color:#1a1206;border-color:var(--gold)}.btn.gold:hover{background:#d6b25c}.btn.ghost{background:0 0}.btn.sm{padding:6px 11px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.table{border-collapse:collapse;width:100%}.table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--border);padding:10px 12px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--border);padding:13px 12px;font-size:14px}.table tr:hover td{background:var(--panel)}.table .muted{color:var(--muted)}.field{margin-bottom:14px}.field label{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.field input,.field select,.field textarea{background:var(--panel-2);border:1px solid var(--border-2);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold-dim);outline:none}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.note{color:#e8dcc0;background:#c8a24b12;border:1px solid #c8a24b40;border-radius:12px;padding:16px 18px;font-size:14px}.empty{text-align:center;color:var(--muted);padding:50px 20px}.section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:30px 0 14px;font-size:13px}.split{grid-template-columns:1.25fr 1fr;align-items:start;gap:24px;display:grid}@media (max-width:900px){.split{grid-template-columns:1fr}}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{width:100%;max-width:380px}.login-card .brand{justify-content:center;padding-bottom:8px}
