:root{--bg: #f4f5f7;--surface: #ffffff;--text: #16202c;--muted: #5d6672;--border: #e3e6ea;--accent: #1f6feb;--ok: #1f9d6b;--warn: #d98a14;--crit: #d6453d;--topbar: #0f1722}@media (prefers-color-scheme: dark){:root{--bg: #0c1117;--surface: #161c24;--text: #e7ebef;--muted: #8b94a1;--border: #232c37;--topbar: #0a0f15}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:1040px;margin:0 auto;padding:0 16px 48px}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;background:var(--topbar);color:#fff;margin:0 -16px 20px;padding:14px 20px}.brand-mark{font-size:19px;font-weight:600;letter-spacing:.2px}.brand-sub{color:#9fb0c3;font-size:13px;margin-left:10px}.topbar-right{display:flex;align-items:center;gap:14px}.who{color:#c6d0db;font-size:13px;display:flex;align-items:center;gap:8px}.role-badge{background:#1f6feb40;color:#9cc2ff;border-radius:6px;padding:2px 8px;font-size:12px}.btn-primary{border:none;background:var(--accent);color:#fff;border-radius:8px;padding:10px 16px;font-size:14px;cursor:pointer}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer}.btn-ghost:disabled{opacity:.45;cursor:default}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px 26px;display:flex;flex-direction:column;gap:14px}.login-brand{font-size:26px}.login-sub{color:var(--muted);font-size:14px;margin:-10px 0 8px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.field input{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:15px}.login-error{background:#d6453d1f;color:var(--crit);border-radius:8px;padding:8px 12px;font-size:13px}section{margin-bottom:26px}h1{font-size:20px;margin:0}h2{font-size:14px;font-weight:500;color:var(--muted);margin:0 0 10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summaries{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.muted{color:var(--muted);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.summary{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.summary-num{font-size:28px;font-weight:700}.summary-label{color:var(--muted);font-size:13px;margin-top:2px}.summary.ok .summary-num{color:var(--ok)}.summary.warn .summary-num{color:var(--warn)}.summary.crit .summary-num{color:var(--crit)}.hub-card{text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:10px;font:inherit}.hub-card:hover{border-color:var(--accent)}.hub-head{display:flex;align-items:center;gap:10px}.hub-name{flex:1;font-weight:600;font-size:15px}.hub-meta{display:flex;flex-direction:column;gap:2px}.hub-bars{display:flex;flex-direction:column;gap:6px}.hub-nodata{padding:6px 0}.hub-foot{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.mini{display:grid;grid-template-columns:36px 1fr 38px;align-items:center;gap:8px}.mini-label{font-size:12px;color:var(--muted)}.mini-num{font-size:12px;color:var(--muted);text-align:right}.tier{font-size:11px;text-transform:uppercase;letter-spacing:.4px;border-radius:6px;padding:2px 7px;background:var(--border);color:var(--muted)}.tier-premium{background:#1f6feb29;color:var(--accent)}.tier-enhanced{background:#1f9d6b29;color:var(--ok)}.chip{font-size:12px;border-radius:999px;padding:3px 10px;background:var(--border);color:var(--muted)}.chip.ok{background:#1f9d6b29;color:var(--ok)}.chip.warn{background:#d98a142e;color:var(--warn)}.chip.crit{background:#d6453d29;color:var(--crit)}.chip.stale{background:#d98a1424;color:var(--warn)}.metric{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}.metric-label{color:var(--muted);font-size:13px}.metric-num{font-size:24px;font-weight:600;margin:2px 0 8px}.bar{height:6px;background:var(--border);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:var(--ok)}.bar-fill.warn{background:var(--warn)}.bar-fill.crit{background:var(--crit)}.module{display:flex;align-items:center;gap:10px}.module-name{flex:1;font-weight:500;font-size:14px}.module-row{display:flex;flex-direction:column;gap:10px}.module-row-head{display:flex;align-items:center;gap:10px}.version-chip{font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border-radius:6px;padding:2px 7px;background:var(--border);color:var(--muted)}.ota-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ota-form select,.ota-form input{padding:9px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px}.ota-form input[type=number]{width:64px}.ota-canary{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.ota-results{margin:8px 0 0;padding-left:18px;font-size:13px}.ota-results code{font-size:12px}.btn-link{border:none;background:transparent;color:var(--accent);cursor:pointer;font-size:13px;padding:4px 6px}.btn-link:disabled{opacity:.5;cursor:default}.upd-table{width:100%;border-collapse:collapse;font-size:14px}.upd-table th,.upd-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.upd-table th{color:var(--muted);font-weight:500}.upd-latest{font-size:12px;color:var(--muted);font-weight:400;margin-top:2px}.upd-table tr.row-sel{background:#1f6feb12}.ver-old,.ver-arrow{color:var(--muted)}.ver-new{font-weight:600}.upd-badge{margin-left:8px}.backup-actions{margin:4px 0 12px}.backup-list{display:flex;flex-direction:column;gap:8px}.backup-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--border);flex-wrap:wrap}.backup-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.backup-time{font-variant-numeric:tabular-nums}.backup-confirm{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.access-card{display:flex;flex-direction:column;gap:10px}.access-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.access-row .muted{min-width:72px}.access-id,.access-url{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all}.access-url{color:var(--accent)}.access-hint{font-size:12px}.module-actions{display:flex;gap:8px}.toggle{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:999px;padding:5px 16px;font-size:13px;cursor:pointer}.toggle.on{background:var(--accent);border-color:var(--accent);color:#fff}.toggle:disabled{opacity:.55;cursor:default}.tier-buttons{display:flex;gap:8px;flex-wrap:wrap}.tier-btn{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:999px;padding:6px 18px;font-size:13px;cursor:pointer;text-transform:capitalize}.tier-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.tier-btn:disabled{opacity:.55;cursor:default}.feature-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chip-on{background:#1f9d6b29;color:var(--ok)}.chip-off{background:var(--border);color:var(--muted)}.detail-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.detail-title{display:flex;align-items:center;gap:10px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--muted);display:inline-block;flex:none}.status-dot.on{background:var(--ok)}.status-dot.off{background:var(--crit)}.sev-warning{background:var(--warn)}.sev-critical{background:var(--crit)}.sev-info{background:var(--accent)}.alerts{display:flex;flex-direction:column;gap:8px}.alert{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px}.alert-msg{flex:1;font-size:14px}.offline-banner{background:#d6453d1f;color:var(--crit);border:1px solid rgba(214,69,61,.3);border-radius:8px;padding:10px 14px;font-size:14px;margin-bottom:18px}.warn-banner{background:#d98a141f;color:var(--warn);border-color:#d98a144d}.notice{border-radius:8px;padding:10px 14px;font-size:14px;margin-bottom:16px}.notice.ok{background:#1f9d6b1f;color:var(--ok);border:1px solid rgba(31,157,107,.3)}.notice.crit{background:#d6453d1f;color:var(--crit);border:1px solid rgba(214,69,61,.3)}.notice.warn{background:#d98a141f;color:var(--warn);border:1px solid rgba(217,138,20,.3)}.remote-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.remote-out-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.remote-json{margin:0;max-height:360px;overflow:auto;font-size:12.5px;line-height:1.5;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px;white-space:pre-wrap;word-break:break-word}.client-hint{margin-bottom:12px}.client-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.client-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--border)}.client-email{flex:1;min-width:160px;font-size:14px;word-break:break-all}.client-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.client-actions input{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:14px}.btn-ghost.danger{color:var(--crit);border-color:#d6453d66}.client-add{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.client-add input{flex:1;min-width:160px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:14px}.topbar-nav{display:flex;gap:6px}.nav-tab{border:none;background:transparent;color:#9fb0c3;font-size:14px;padding:6px 12px;border-radius:8px;cursor:pointer}.nav-tab:hover{color:#fff}.nav-tab.active{background:#ffffff1f;color:#fff}.users-summary{margin-top:4px}.users-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.users-filter input{flex:1;min-width:180px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:14px}.users-filter select,.user-add select{padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:14px}.user-meta{display:block;font-size:12px;margin-top:2px}.self-tag{color:var(--accent);font-size:12px}.audit-list{display:flex;flex-direction:column;gap:6px}.audit-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid var(--border);font-size:13px}.audit-row:last-child{border-bottom:none}.audit-action{font-weight:600;min-width:150px}.audit-target{flex:1;min-width:140px;word-break:break-all}.audit-time{margin-left:auto}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(214,69,61,.35)}.danger-title{font-weight:600;margin-bottom:4px}