:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-1:#fcfcfb;--page-plane:#f9f9f7;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--gridline:#e1e0d9;--border:#0b0b0b1a;--accent:#2a78d6;--status-good:#0ca30c;--status-warning:#fab219;--status-critical:#d03b3b;--status-good-bg:#e3f5e3;--status-warning-bg:#fdf0d8;--status-critical-bg:#fbe2e1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#1a1a19;--page-plane:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--border:#ffffff1a;--accent:#3987e5;--status-good:#0ca30c;--status-warning:#fab219;--status-critical:#e66767;--status-good-bg:#16281a;--status-warning-bg:#2c2413;--status-critical-bg:#2c1a1a}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#1a1a19;--page-plane:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--border:#ffffff1a;--accent:#3987e5;--status-good:#0ca30c;--status-warning:#fab219;--status-critical:#e66767;--status-good-bg:#16281a;--status-warning-bg:#2c2413;--status-critical-bg:#2c1a1a}*{box-sizing:border-box}body{background:var(--page-plane);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}h1,h2{letter-spacing:-.01em;margin:0;font-weight:600}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;width:100%;max-width:340px;padding:32px;display:flex}.login-card h1{font-size:1.25rem}.login-card__subtitle{color:var(--text-secondary);margin:0 0 20px;font-size:.85rem}.login-card label{color:var(--text-secondary);margin-top:12px;font-size:.8rem}.login-card input{border:1px solid var(--border);background:var(--page-plane);color:var(--text-primary);border-radius:6px;margin-top:4px;padding:8px 10px;font-size:.95rem}.login-card input:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.login-card button[type=submit]{background:var(--accent);color:#fff;border:none;border-radius:6px;margin-top:20px;padding:10px;font-size:.95rem;font-weight:600}.login-card button[type=submit]:disabled{opacity:.6;cursor:default}.login-card__error{color:var(--status-critical);margin:10px 0 0;font-size:.85rem}.layout{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.layout__sidebar{background:var(--surface-1);border-right:1px solid var(--border);flex-direction:column;gap:24px;padding:24px 16px;display:flex}.layout__brand{color:var(--text-primary);font-size:.9rem;font-weight:600}.layout__nav{flex-direction:column;gap:2px;display:flex}.layout__nav a{color:var(--text-secondary);border-radius:6px;padding:8px 10px;font-size:.9rem;text-decoration:none}.layout__nav a:hover{background:var(--page-plane)}.layout__nav a.is-active{background:var(--page-plane);color:var(--text-primary);font-weight:600}.layout__logout{border:1px solid var(--border);color:var(--text-secondary);text-align:left;background:0 0;border-radius:6px;margin-top:auto;padding:8px 10px;font-size:.85rem}.layout__logout:hover{color:var(--text-primary);border-color:var(--text-muted)}.layout__content{max-width:1100px;padding:32px 40px}.page-header{margin-bottom:24px}.page-header--with-action{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-header--with-action button{background:var(--accent);color:#fff;border:none;border-radius:6px;flex-shrink:0;padding:8px 16px;font-size:.85rem;font-weight:600}.page-header h1{font-size:1.4rem}.page-header__subtitle{color:var(--text-secondary);max-width:60ch;margin:6px 0 0;font-size:.9rem}.state-msg{color:var(--text-secondary);font-size:.9rem}.state-msg--error{color:var(--status-critical)}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;margin-bottom:20px;padding:20px 24px}.panel h2{margin-bottom:16px;font-size:1rem}.chart-empty{color:var(--text-muted);font-size:.9rem}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-tile{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;padding:18px 20px;display:flex}.stat-tile__label{color:var(--text-secondary);font-size:.8rem}.stat-tile__value{font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:600}.stat-tile__hint{color:var(--text-muted);font-size:.78rem}.table-wrap{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:780px;font-size:.88rem}thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--gridline);white-space:nowrap;padding:12px 16px;font-size:.72rem}tbody td{border-bottom:1px solid var(--gridline);vertical-align:middle;padding:12px 16px}tbody tr:last-child td{border-bottom:none}td.num,th.num{font-variant-numeric:tabular-nums;text-align:right}.badge{background:var(--page-plane);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:2px 8px;font-size:.78rem;display:inline-block}.badge--status-active{background:var(--status-good-bg);color:var(--status-good);border-color:#0000}.badge--status-disconnected,.badge--status-inactive{background:var(--status-critical-bg);color:var(--status-critical);border-color:#0000}.limit-display{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.limit-display__value{color:var(--text-muted);white-space:nowrap;font-size:.78rem}.limit-editor{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.limit-editor input{border:1px solid var(--border);background:var(--page-plane);width:110px;color:var(--text-primary);font-variant-numeric:tabular-nums;border-radius:6px;padding:6px 8px;font-size:.85rem}.limit-editor button,.limit-display button{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:6px;padding:6px 10px;font-size:.8rem}.btn-ghost{border:1px solid var(--border)!important;color:var(--text-secondary)!important;background:0 0!important}.usage-bar{align-items:center;gap:8px;min-width:120px;display:flex}.usage-bar__track{background:var(--gridline);border-radius:3px;flex:1;height:6px;overflow:hidden}.usage-bar__fill{border-radius:3px;height:100%;transition:width .2s}.usage-bar__fill.is-good{background:var(--status-good)}.usage-bar__fill.is-warning{background:var(--status-warning)}.usage-bar__fill.is-critical{background:var(--status-critical)}.usage-bar__pct{font-variant-numeric:tabular-nums;color:var(--text-secondary);min-width:34px;font-size:.78rem}.usage-bar__none{color:var(--text-muted);font-size:.78rem}.bar-chart{border-bottom:1px solid var(--gridline);align-items:flex-end;gap:6px;height:180px;padding-top:8px;display:flex}.bar-chart__col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:4px;height:100%;display:flex}.bar-chart__bar{background:var(--accent);border-radius:4px 4px 0 0;width:100%;max-width:28px;min-height:2px;transition:opacity .15s}.bar-chart__bar:hover{opacity:.75}.bar-chart__label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:6px;font-size:.68rem;overflow:hidden}.hbar-chart{flex-direction:column;gap:10px;display:flex}.hbar-chart__row{grid-template-columns:140px 1fr 40px;align-items:center;gap:10px;display:grid}.hbar-chart__label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.hbar-chart__track{background:var(--page-plane);border:1px solid var(--gridline);border-radius:4px;height:10px;overflow:hidden}.hbar-chart__bar{background:var(--accent);border-radius:4px;min-width:2px;height:100%}.hbar-chart__value{font-variant-numeric:tabular-nums;color:var(--text-secondary);text-align:right;font-size:.8rem}.code-form{flex-direction:column;gap:14px;max-width:640px;display:flex}.code-form__row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.code-form label{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.code-form input,.code-form select{border:1px solid var(--border);background:var(--page-plane);color:var(--text-primary);border-radius:6px;padding:8px 10px;font-size:.9rem}.code-form button[type=submit]{background:var(--accent);color:#fff;border:none;border-radius:6px;align-self:flex-start;padding:8px 16px;font-size:.9rem;font-weight:600}.code-form button[type=submit]:disabled{opacity:.6;cursor:default}.code-form__result{color:var(--text-primary);background:var(--page-plane);border:1px solid var(--border);border-radius:6px;padding:10px 12px;font-size:.9rem}.code-form__result code,td code{background:var(--page-plane);border-radius:4px;padding:2px 6px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.9em}