:root{color-scheme:dark;--bg:#090b10;--panel:#11151d;--panel2:#151b25;--border:#252d3a;--text:#eef2f8;--muted:#96a0b2;--accent:#8b5cf6;--accent2:#22d3ee;--good:#34d399;--warn:#fbbf24;--bad:#fb7185;--shadow:0 18px 50px rgba(0,0,0,.32)}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 10% -10%,rgba(139,92,246,.15),transparent 33%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100%}a{color:inherit;text-decoration:none}.topbar{height:64px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1320px)/2));position:sticky;top:0;background:rgba(9,11,16,.88);backdrop-filter:blur(14px);z-index:20}.brand{font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.brand-dot{width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 24px var(--accent)}nav{display:flex;align-items:center;gap:20px;color:var(--muted);font-size:14px}.inline-form{display:inline}.link-button{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;padding:0}.container{max-width:1320px;margin:0 auto;padding:34px 24px 80px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.hero.compact{margin-bottom:18px}.hero h1{font-size:clamp(30px,4vw,48px);line-height:1;margin:7px 0 10px;letter-spacing:-.045em}.hero.compact h1{font-size:36px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--accent2)}.muted{color:var(--muted);line-height:1.55}.status-badge{border:1px solid var(--border);border-radius:999px;padding:10px 14px;font-size:13px;color:var(--muted);background:var(--panel)}.status-badge.good{color:var(--good);border-color:rgba(52,211,153,.35)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metric{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.metric span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.metric strong{font-size:26px}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{background:linear-gradient(180deg,rgba(21,27,37,.96),rgba(17,21,29,.96));border:1px solid var(--border);border-radius:16px;padding:22px;margin-bottom:14px;box-shadow:var(--shadow)}.panel h2{margin:3px 0 0;font-size:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.button-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.btn{appearance:none;border:1px solid #303a4c;background:#1a2130;color:var(--text);padding:10px 13px;border-radius:9px;font-weight:700;font-size:13px;cursor:pointer;transition:.15s}.btn:hover{border-color:#526179;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(135deg,#6d46d9,#276ed7);border-color:#7957e5}.btn.small{padding:7px 9px;font-size:12px}.btn.wide{width:100%;margin-top:12px}.info-list{margin-top:18px;border-top:1px solid var(--border)}.info-list>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.info-list span{color:var(--muted)}code{background:#090d14;border:1px solid #222b38;border-radius:6px;padding:2px 6px;color:#c9d5e7}.vnc-wrap{margin-top:16px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#000}.vnc-wrap.hidden{display:none}.viewer-toolbar{height:44px;background:#0e131c;display:flex;align-items:center;gap:10px;padding:0 10px;border-bottom:1px solid var(--border);font-size:12px}.viewer-toolbar span{margin-right:auto;color:var(--muted)}select,input{background:#0c1119;color:var(--text);border:1px solid #2d3747;border-radius:7px;padding:9px;outline:none}input:focus,select:focus{border-color:#7458dc;box-shadow:0 0 0 3px rgba(116,88,220,.14)}#vncFrame{width:100%;height:650px;border:0;background:#000;display:block}.tuner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.tuner-card{border:1px solid var(--border);border-radius:12px;padding:14px;background:#0c1119}.tuner-card .top{display:flex;justify-content:space-between;align-items:center}.tuner-card strong{font-size:14px}.dot{width:8px;height:8px;border-radius:50%;background:#4b5563;display:inline-block;margin-right:6px}.dot.good{background:var(--good);box-shadow:0 0 10px rgba(52,211,153,.55)}.dot.busy{background:var(--accent2);box-shadow:0 0 10px rgba(34,211,238,.45)}.tuner-card .channel{font-size:13px;margin:12px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tuner-card .detail{font-size:11px;color:var(--muted);min-height:16px}.tuner-actions{display:flex;gap:6px;margin-top:12px}.events{display:flex;flex-direction:column;gap:7px;max-height:320px;overflow:auto}.event{display:grid;grid-template-columns:190px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:12px}.event time{color:var(--muted)}.event.error span{color:var(--bad)}.alert{padding:12px;border-radius:9px;border:1px solid var(--border);margin:12px 0}.alert.error{background:rgba(251,113,133,.08);border-color:rgba(251,113,133,.3);color:#fecdd3}.login-shell{min-height:calc(100vh - 145px);display:grid;place-items:center}.login-panel{width:min(460px,100%)}.login-panel h1{font-size:30px;margin:8px 0}.login-panel label{display:block;color:var(--muted);font-size:13px;margin:22px 0 7px}.login-panel input{width:100%;font-size:16px}.table-panel{padding:0;overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:980px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border);vertical-align:middle}th{font-size:11px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;background:#0d121a;position:sticky;top:0}td input{width:100%}td input.narrow{width:75px}td small{display:block;color:#6f7b8f;margin-top:5px}.score{padding:4px 7px;border-radius:999px;background:#222a36;font-size:11px}.score.good{color:var(--good)}.score.warn{color:var(--warn)}.empty{text-align:center;color:var(--muted);padding:40px}.copy-row{background:#090d14;border:1px solid var(--border);padding:14px;border-radius:10px;overflow:auto}.copy-row code{border:0;padding:0;background:none}.toast{position:fixed;right:22px;bottom:22px;padding:12px 15px;background:#171e29;border:1px solid #344055;border-radius:10px;box-shadow:var(--shadow);z-index:100}.toast.bad{color:#fecdd3;border-color:rgba(251,113,133,.4)}
@media(max-width:900px){.metric-grid{grid-template-columns:1fr 1fr}.grid.two{grid-template-columns:1fr}.tuner-grid{grid-template-columns:1fr 1fr}.hero{align-items:flex-start;flex-direction:column}.container{padding:24px 14px}.topbar{padding:0 14px}#vncFrame{height:520px}}@media(max-width:520px){.metric-grid,.tuner-grid{grid-template-columns:1fr}.panel{padding:16px}.event{grid-template-columns:1fr}.event time{font-size:10px}}

tr.stale{opacity:.55}