:root{--dash-pad: 1.25rem;--sidebar-width: 228px;--sidebar-width-collapsed: 72px;--body-bg: #0a0f1e;--chrome-bg: #1e293b;--chrome-border: rgba(148, 163, 184, .24);--chrome-shadow: 0 10px 22px rgba(15, 23, 42, .24);--card-bg: #1e293b;--card-border: rgba(148, 163, 184, .24);--text-primary: #ffffff;--text-secondary: #94a3b8;--accent-strong: #22c55e;--accent-soft: rgba(34, 197, 94, .15);--ok-led: #10b981;--warn-led: #f59e0b;--offline-led: #ef4444;--selected-row-bg: rgba(34, 197, 94, .1);--card-shadow: var(--chrome-shadow);--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--scrollbar-track: color-mix(in srgb, var(--body-bg) 88%, #000 12%);--scrollbar-thumb: rgba(100, 116, 139, .55)}html,body,#app{min-height:100%}body{margin:0;background:var(--body-bg);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);background:var(--body-bg)}.app-shell.with-sidebar{grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:100vh;max-height:100vh;overflow:hidden}.app-shell.with-sidebar.sidebar-collapsed{grid-template-columns:var(--sidebar-width-collapsed) minmax(0,1fr)}.app-shell.auth-layout{grid-template-columns:1fr}.app-sidebar{display:flex;flex-direction:column;gap:.65rem;padding:1rem .75rem;background:color-mix(in srgb,var(--body-bg) 82%,#000 18%);border-right:1px solid var(--chrome-border);overflow:hidden;min-height:0}.sidebar-brand{display:flex;align-items:center;gap:.55rem;padding-bottom:.5rem;border-bottom:1px solid rgba(148,163,184,.15)}.brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:.85rem;color:#22d3ee;border:1px solid rgba(56,189,248,.28);background:linear-gradient(145deg,#0a0f1efa,#0f172af2)}.brand-text{font-weight:700;font-size:1.05rem;letter-spacing:.04em}.admin-pill{margin-left:auto;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .45rem;border-radius:999px;border:1px solid rgba(34,197,94,.45);color:var(--accent-strong);background:var(--accent-soft)}.app-shell.sidebar-collapsed .brand-text,.app-shell.sidebar-collapsed .admin-pill,.app-shell.sidebar-collapsed .sidebar-label{display:none}.sidebar-nav{display:flex;flex-direction:column;gap:.35rem}.side-action{border:1px solid transparent;border-radius:.7rem;background:transparent;color:var(--text-primary);text-decoration:none;text-align:left;padding:.58rem .65rem;font-size:.9rem;cursor:pointer;font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:.5rem;width:100%}.side-action.active,.side-action:hover{border-color:color-mix(in srgb,var(--accent-strong) 55%,transparent);background:var(--accent-soft)}.sidebar-spacer{flex:1}.sidebar-toggle{margin-top:auto;border-radius:.65rem;border:1px solid var(--chrome-border);background:color-mix(in srgb,var(--chrome-bg) 70%,#ffffff 6%);color:var(--text-primary);padding:.45rem;cursor:pointer;width:100%}.app-dashboard-column{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.dashboard-scroll{flex:1;min-height:0;overflow-y:auto;padding:.75rem var(--dash-pad) 1.25rem}.app-header{background:var(--chrome-bg);border:1px solid var(--chrome-border);border-radius:1rem;box-shadow:var(--chrome-shadow);padding:.85rem var(--dash-pad);margin:.85rem var(--dash-pad) 0;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.app-header h1{margin:0;font-size:1.35rem}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:color-mix(in srgb,var(--accent-strong) 70%,#ffffff 30%);font-weight:var(--font-weight-semibold)}.header-right{display:flex;align-items:center;gap:.5rem}.header-btn{border-radius:999px;border:1px solid var(--chrome-border);background:color-mix(in srgb,var(--chrome-bg) 70%,#ffffff 12%);color:var(--text-primary);padding:.35rem .75rem;font-size:.8rem;cursor:pointer}.header-btn.danger{border-color:#f8717173;color:#fca5a5}@media(max-width:1024px){.app-shell.with-sidebar{grid-template-columns:1fr}.app-sidebar{position:fixed;z-index:40;width:min(82vw,280px);min-height:100vh;transform:translate(-105%);transition:transform .22s ease}.app-sidebar.is-mobile-open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;border:0;background:#02061785;cursor:pointer}}.feedback{margin:0 0 .75rem;border-radius:.65rem;padding:.5rem .7rem;font-size:.85rem}.feedback.error{color:#fecaca;border:1px solid rgba(248,113,113,.45);background:#7f1d1d73}.feedback.ok{color:#bbf7d0;border:1px solid rgba(34,197,94,.45);background:#15803d59}.feedback.muted{color:var(--text-secondary);background:color-mix(in srgb,var(--text-secondary) 12%,transparent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.stat-card{border:1px solid var(--card-border);border-radius:1rem;background:var(--card-bg);box-shadow:var(--card-shadow);padding:.9rem}.stat-card h3{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-weight:var(--font-weight-semibold)}.stat-card p{margin:.35rem 0 0;font-size:1.6rem;font-weight:var(--font-weight-bold);color:var(--accent-strong)}.stat-card.warn p{color:var(--warn-led)}.stat-card.alert p{color:var(--offline-led)}.badge-dot{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:999px;font-size:.65rem;font-weight:700;margin-left:.35rem}.badge-dot.red{background:var(--offline-led);color:#fff}.badge-dot.yellow{background:var(--warn-led);color:#111}.master-panel{border:1px solid var(--chrome-border);border-radius:1rem;background:var(--chrome-bg);box-shadow:var(--chrome-shadow);padding:.75rem}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;align-items:center}.toolbar input,.toolbar select{border-radius:.55rem;border:1px solid var(--chrome-border);background:#020617a6;color:var(--text-primary);padding:.45rem .6rem;font-size:.85rem}.master-table{width:100%;border-collapse:collapse}.master-table th,.master-table td{text-align:left;padding:.55rem .45rem;border-bottom:1px solid rgba(148,163,184,.14);font-size:.84rem}.master-table th{color:var(--text-secondary)}.plan-pill{display:inline-block;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600;text-transform:lowercase}.plan-pill.trial{background:#3b82f633;color:#93c5fd}.plan-pill.starter{background:#22c55e2e;color:#86efac}.plan-pill.business{background:#a855f733;color:#d8b4fe}.plan-pill.enterprise{background:#f59e0b33;color:#fcd34d}.btn-sm{border-radius:.55rem;border:1px solid var(--chrome-border);background:color-mix(in srgb,var(--chrome-bg) 70%,#fff 8%);color:var(--text-primary);padding:.35rem .65rem;font-size:.78rem;cursor:pointer}.btn-sm.primary{border-color:#22c55e80;background:var(--accent-soft);color:#bbf7d0}.btn-sm:disabled{opacity:.55;cursor:not-allowed}.pager{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;margin-top:.75rem;font-size:.82rem;color:var(--text-secondary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#020617a6;display:grid;place-items:center;padding:1rem}.modal-card{width:min(480px,100%);border:1px solid var(--chrome-border);border-radius:1rem;background:var(--chrome-bg);padding:1rem;box-shadow:var(--chrome-shadow)}.modal-card h2{margin:0 0 .75rem;font-size:1.1rem}.modal-field{display:grid;gap:.35rem;margin-bottom:.75rem}.modal-field label{font-size:.8rem;color:var(--text-secondary)}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.metric-row{margin-bottom:.85rem}.metric-row header{display:flex;justify-content:space-between;font-size:.82rem;margin-bottom:.25rem}.metric-track{height:8px;border-radius:999px;background:#94a3b833;overflow:hidden}.metric-fill{height:100%;border-radius:999px}.metric-fill.ok{background:var(--ok-led)}.metric-fill.warn{background:var(--warn-led)}.metric-fill.bad{background:var(--offline-led)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(420px,100%);border:1px solid var(--chrome-border);border-radius:1rem;background:var(--chrome-bg);padding:1.25rem;box-shadow:var(--chrome-shadow)}.login-card h1{margin:0 0 .25rem}.login-card p.sub{margin:0 0 1rem;color:var(--text-secondary);font-size:.88rem}.login-form{display:grid;gap:.65rem}.login-form label{font-size:.8rem;color:var(--text-secondary)}.login-form input{border-radius:.55rem;border:1px solid var(--chrome-border);background:#020617a6;color:var(--text-primary);padding:.6rem .7rem}.login-btn{margin-top:.35rem;border:none;border-radius:.55rem;padding:.7rem;font-weight:600;cursor:pointer;color:#052e2b;background:linear-gradient(90deg,#14b8a6,#22d3ee)}.login-btn:disabled{opacity:.6;cursor:not-allowed}