:root{--bg: #05070f;--surface: #12151f;--elevated: #1a1e30;--fg: #edeff6;--sub: #828a9c;--border: #232838;--accent: #4b8ffc;--accent-text: #05070f;--danger: #ff8a80;--ok: #3ddc84;--warn: #ffcc66}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(75,143,252,.1),transparent 60%),var(--bg);color:var(--fg);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}h1,h2,.brand{font-family:Sora,sans-serif;letter-spacing:-.02em}.center{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.muted{color:var(--sub)}.small{font-size:12px}.mono{font-family:SFMono-Regular,ui-monospace,Menlo,monospace;font-size:12.5px}.error{color:var(--danger);font-size:13px}.error.small{margin-top:6px}.logo-dot{width:12px;height:12px;border-radius:4px;display:inline-block;background:linear-gradient(135deg,var(--accent),#9d86ff)}.login{width:340px;display:flex;flex-direction:column;gap:12px}.login-brand{display:flex;align-items:center;gap:10px}.login-brand h1{font-size:22px;margin:0}.login-sub{margin:-4px 0 4px}.login input{background:var(--bg);border:1px solid var(--border);color:var(--fg);border-radius:10px;padding:12px 14px;font-size:14px;font-family:inherit}.login input:focus{outline:none;border-color:var(--accent)}.login button{padding:12px;font-size:14px}.app{min-height:100%;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:24px;padding:14px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#05070fd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5}.brand{font-size:17px;font-weight:800;display:flex;align-items:center;gap:10px}.brand-dim{color:var(--sub);font-weight:700}nav{display:flex;gap:4px;flex:1}.tab{background:transparent;border:none;color:var(--sub);padding:8px 14px;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit}.tab:hover{color:var(--fg);background:var(--surface)}.tab.active{color:var(--fg);background:var(--elevated)}.me{display:flex;align-items:center;gap:12px}main{padding:24px;max-width:1240px;width:100%;margin:0 auto}.stack{display:flex;flex-direction:column;gap:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.stat{display:flex;flex-direction:column;gap:6px}.stat-label{color:var(--sub);font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-family:Sora,sans-serif;font-size:30px;font-weight:800;line-height:1;letter-spacing:-.03em}.stat-sub{color:var(--sub);font-size:12.5px}.stat-accent{border-color:#4b8ffc80;box-shadow:inset 0 0 0 1px #4b8ffc26}.stat-accent .stat-value{color:var(--accent)}.stat-warn{border-color:#fc66}.panel-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.panel-head h2{font-size:15px;margin:0}.chart{display:flex;align-items:flex-end;gap:6px;height:180px}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.chart-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:62%;min-height:3px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--accent),#2f6fd8);position:relative;transition:height .3s ease}.chart-val{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:11px;color:var(--sub)}.chart-x{color:var(--sub);font-size:10.5px;white-space:nowrap}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--sub);text-transform:uppercase;letter-spacing:.04em;background:var(--bg);border-bottom:1px solid var(--border)}td{padding:13px 16px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#ffffff04}th.actions,td.actions{text-align:right}.center-cell{text-align:center;padding:28px}.dot{width:8px;height:8px;border-radius:50%;background:var(--sub);display:inline-block;vertical-align:middle;margin-right:6px}.dot.live{background:var(--ok);box-shadow:0 0 8px #3ddc8499}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--elevated);color:var(--sub);border:1px solid var(--border)}.pill.ok{color:var(--fg);border-color:#4b8ffc66}.pill.live{color:var(--ok);border-color:#3ddc8466}.pill.fail{color:var(--danger);border-color:#ff8a8066}.pill.kind-cloud{color:#9d86ff;border-color:#9d86ff66;background:#9d86ff14}.pill.kind-srt{color:var(--accent);border-color:#4b8ffc59;background:#4b8ffc14}.load{display:flex;align-items:center;gap:10px}.load-bar{width:90px;height:7px;border-radius:4px;background:var(--elevated);overflow:hidden}.load-fill{height:100%;background:linear-gradient(90deg,var(--accent),#9d86ff)}.empty{text-align:center;padding:48px}.pager{display:flex;align-items:center;justify-content:center;gap:16px}.search{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);color:var(--fg);border-radius:10px;padding:10px 14px;font-size:14px;font-family:inherit}.search:focus{outline:none;border-color:var(--accent)}button{background:var(--accent);color:var(--accent-text);border:none;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:default;filter:none}button.ghost{background:var(--surface);color:var(--fg);border:1px solid var(--border);font-weight:600}button.danger{background:transparent;color:var(--danger);border:1px solid rgba(255,138,128,.4)}select{background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:13px;font-family:inherit;margin-right:6px}.actions button{margin-left:6px}