:root{--bg-0: #0a0a0f;--bg-1: #0f1219;--bg-2: #111620;--bg-3: #161c28;--border: #1a1f2e;--border-strong: #2a3143;--fg: #e5e7eb;--fg-dim: #9ca3af;--fg-muted: #6b7280;--accent: #3b82f6;--accent-dim: #1e3a8a;--danger: #ef4444;--warn: #f59e0b;--ok: #10b981;--level-1: #3b82f6;--level-2: #f59e0b;--level-3: #ef4444;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg-0);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{background:var(--bg-3);color:var(--fg);border:1px solid var(--border-strong);border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer;font-family:inherit}button:hover:not(:disabled){border-color:var(--accent);background:#1a2133}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#2563eb}button.danger{border-color:var(--danger);color:var(--danger)}button.danger:hover:not(:disabled){background:#ef44441f}a.button{display:inline-block;background:var(--bg-3);color:var(--fg);border:1px solid var(--border-strong);border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer}a.button:hover{border-color:var(--accent);background:#1a2133;text-decoration:none}input,select{background:var(--bg-2);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:13px;font-family:inherit;outline:none}input:focus,select:focus{border-color:var(--accent)}.mono{font-family:var(--mono);font-size:12.5px}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--bg-1),var(--bg-0));border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:2px}.sidebar h1{font-size:15px;margin:0 0 18px;letter-spacing:.5px}.sidebar a{display:block;padding:8px 10px;border-radius:6px;color:var(--fg-dim)}.sidebar a:hover{background:var(--bg-2);color:var(--fg);text-decoration:none}.sidebar a.active{background:var(--accent-dim);color:#fff}.sidebar .spacer{flex:1}.sidebar button{margin-top:10px;width:100%}.main{padding:22px 28px;min-width:0;overflow-x:auto}.main h2{margin:0 0 16px;font-size:20px;font-weight:600}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat-label{color:var(--fg-dim);font-size:12px;text-transform:uppercase;letter-spacing:.6px}.stat-value{font-family:var(--mono);font-size:22px;font-weight:500;margin-top:6px}.stat-sub{color:var(--fg-muted);font-size:12px;margin-top:2px}table{width:100%;border-collapse:collapse}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--fg-dim);font-weight:500;text-transform:uppercase;font-size:11px;letter-spacing:.6px;cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--fg)}tr:hover td{background:var(--bg-3)}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px}.badge-active{background:#10b98126;color:var(--ok)}.badge-inactive{background:#6b728033;color:var(--fg-muted)}.badge-historical{background:#3b82f633;color:var(--level-1)}.badge-current_views{background:#10b98126;color:var(--ok)}.badge-subs_fallback{background:#f59e0b26;color:var(--warn)}.badge-insufficient{background:#6b728033;color:var(--fg-muted)}.badge-L1{background:#3b82f633;color:var(--level-1)}.badge-L2{background:#f59e0b33;color:var(--level-2)}.badge-L3{background:#ef444433;color:var(--level-3)}.badge-ok{background:#10b98126;color:var(--ok)}.badge-error{background:#ef444426;color:var(--danger)}.badge-running{background:#3b82f633;color:var(--level-1)}.badge-idle{background:#6b728033;color:var(--fg-muted)}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.toolbar input{flex:1;max-width:320px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:10px;padding:22px 26px;width:420px;max-width:90vw}.modal h3{margin:0 0 14px}.modal .row{margin-bottom:12px}.modal .row label{display:block;font-size:12px;color:var(--fg-dim);margin-bottom:4px}.modal .row input,.modal .row select{width:100%}.modal .actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#0f1219,#0a0a0f 60%)}.login-box{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:12px;padding:32px 34px;width:360px}.login-box h1{margin:0 0 6px;font-size:20px}.login-box p{color:var(--fg-dim);margin-top:0;font-size:13px}.login-box input{width:100%;margin-bottom:12px}.login-box button{width:100%}.login-box .err{color:var(--danger);font-size:12px;margin-top:6px}.error{color:var(--danger);margin:8px 0}.loading{color:var(--fg-dim);padding:20px 0}.inline-edit{background:transparent;border:1px dashed transparent;color:var(--fg);padding:2px 6px;border-radius:4px;font-family:var(--mono);font-size:12.5px;width:80px}.inline-edit:hover{border-color:var(--border-strong)}.inline-edit:focus{border-color:var(--accent);border-style:solid}.switch{position:relative;display:inline-block;width:34px;height:18px}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--border-strong);border-radius:18px;transition:.15s}.slider:before{content:"";position:absolute;height:14px;width:14px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.15s}input:checked+.slider{background:var(--accent)}input:checked+.slider:before{transform:translate(16px)}.pagination{margin-top:14px;display:flex;gap:8px;align-items:center}.pagination .muted{color:var(--fg-muted);font-size:12px}.job-row{display:grid;grid-template-columns:120px 90px 1fr auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.job-row:last-child{border-bottom:none}.job-row .name{font-family:var(--mono)}.job-row .time{color:var(--fg-dim);font-size:12px}.hero{position:relative;margin:-4px 0 22px;padding:26px 28px;border-radius:14px;background:radial-gradient(1200px 400px at 0% 0%,rgba(76,139,255,.18),transparent 50%),radial-gradient(900px 300px at 100% 0%,rgba(255,107,53,.12),transparent 60%),linear-gradient(180deg,#101728,#0c1220);border:1px solid var(--border);overflow:hidden}.hero-title{display:flex;align-items:center;gap:14px;margin-bottom:22px}.hero-logo{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#1a2133,#0a0e1a);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center}.hero-sub{color:var(--fg-dim);font-size:12.5px;margin-top:3px}.hero-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}@media (max-width: 1100px){.hero-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.hero-stats{grid-template-columns:repeat(2,1fr)}}.hero-stat-value{font-family:var(--mono);font-size:28px;font-weight:500;line-height:1.1;letter-spacing:-.5px}.hero-stat-label{margin-top:4px;font-size:11.5px;text-transform:uppercase;letter-spacing:.7px;color:var(--fg-dim)}.hero-stat-sub{margin-top:3px;font-size:11.5px;color:var(--fg-muted);font-family:var(--mono)}.dash-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:14px;margin-bottom:22px}.dash-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 960px){.dash-grid,.dash-grid-2col{grid-template-columns:1fr}}.quota-bar{height:10px;border-radius:6px;background:var(--bg-3);overflow:hidden}.quota-fill{height:100%;border-radius:6px;transition:width .4s ease}.top-list{display:flex;flex-direction:column;gap:10px}.top-row{display:grid;grid-template-columns:22px 36px 1fr auto;gap:10px;align-items:center;padding:6px 0}.top-rank{font-family:var(--mono);font-size:12px;color:var(--fg-muted);text-align:center}.top-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-3);object-fit:cover}.top-body{min-width:0}.top-name a{font-weight:500;font-size:13.5px}.top-sub{color:var(--fg-dim);font-size:11.5px;margin-top:2px}.top-bar{height:4px;border-radius:2px;background:var(--bg-3);margin-top:6px;overflow:hidden}.top-bar-fill{height:100%;background:linear-gradient(90deg,#4c8bff,#ff6b35);border-radius:2px}.top-count{font-family:var(--mono);font-size:18px;font-weight:500;color:#4c8bff}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-row{display:flex;gap:10px;align-items:flex-start;padding:2px 0}.alert-thumb{width:100px;height:56px;border-radius:5px;object-fit:cover;flex-shrink:0;background:var(--bg-3)}.alert-body{min-width:0;flex:1}.alert-title{display:block;font-size:13px;font-weight:500;line-height:1.35;color:var(--fg)}.alert-meta{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:11.5px;color:var(--fg-dim);margin-top:5px}.alert-meta a{color:var(--fg-dim)}.alert-meta a:hover{color:var(--fg)}.alert-ch-avatar{width:14px;height:14px;border-radius:50%;object-fit:cover}.alert-dot,.alert-when{color:var(--fg-muted)}.alert-forward{flex-shrink:0;padding:4px 10px;font-size:12px;align-self:flex-start}