:root{--bg:#071018;--panel:#0d1822;--panel2:#101f2b;--line:#20313d;--text:#f4f8fb;--muted:#8fa2b1;--accent:#39d0ff;--good:#56e39f;--warn:#ffc857;--bad:#ff6b6b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#10293b 0,#071018 36%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{border-right:1px solid var(--line);padding:28px 18px;position:sticky;top:0;height:100vh;background:#08121a}.brand{font-size:21px;font-weight:850;letter-spacing:.5px}.brand span{color:var(--accent)}.sub{font-size:11px;color:var(--muted);letter-spacing:2px;margin:5px 0 30px}.nav a{display:block;padding:12px 13px;margin:5px 0;border-radius:10px;color:#b8c6d0}.nav a:hover{background:var(--panel2);color:#fff}.main{padding:26px 30px}.top{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2px;font-weight:800}.top h1{font-size:30px;margin:5px 0 0}.clock{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.panel{background:linear-gradient(145deg,#0f1d28,#0b151e);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 15px 40px #0003}.metric .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.metric .value{font-size:32px;font-weight:850;margin:6px 0}.metric .note{font-size:12px;color:var(--muted)}.good{color:var(--good)}.warn{color:var(--warn)}.bad{color:var(--bad)}.accent{color:var(--accent)}.row{display:grid;grid-template-columns:1.45fr 1fr;gap:14px;margin-top:14px}.panel h2{font-size:14px;letter-spacing:.7px;margin:0 0 16px}.pipeline{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.stage{padding:15px 10px;border-radius:12px;background:#132431;text-align:center}.stage b{display:block;font-size:24px}.stage small{color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px}td,th{padding:11px 8px;border-bottom:1px solid var(--line)}.bar{height:7px;background:#182a36;border-radius:20px;overflow:hidden;margin-top:6px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#39d0ff,#56e39f);border-radius:20px}.status{display:inline-block;padding:5px 8px;border-radius:20px;background:#142733;font-size:11px}.actions{display:flex;gap:8px}.btn{border:1px solid #294252;background:#122431;color:#fff;border-radius:9px;padding:9px 13px;cursor:pointer}.btn.primary{background:#1c89ad;border-color:#39d0ff}.search{display:flex;gap:8px}.search input,select,input[type=file]{background:#0b1720;border:1px solid #2a3e4c;color:#fff;border-radius:9px;padding:10px}.search input{min-width:320px}.flash{padding:12px;border-radius:10px;background:#102a21;border:1px solid #245c48;margin-bottom:15px}.flash.bad{background:#32191b;border-color:#653034}.empty{color:var(--muted);padding:30px;text-align:center}.login{max-width:380px;margin:15vh auto}.login input{display:block;width:100%;margin:10px 0;padding:12px;background:#09151e;border:1px solid var(--line);color:#fff;border-radius:9px}@media(max-width:900px){.shell{grid-template-columns:1fr}.side{height:auto;position:relative}.grid{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1fr}.pipeline{grid-template-columns:repeat(3,1fr)}}
.live-connection{border-color:#245a70;background:linear-gradient(145deg,#102533,#0b171f)}.connection-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.health{font-size:12px;font-weight:850;letter-spacing:1px;padding:8px 11px;border-radius:999px;border:1px solid}.health-good{color:var(--good);border-color:#2d7258;background:#10281f}.health-bad{color:var(--bad);border-color:#70373a;background:#2d1719}.health-warn{color:var(--warn);border-color:#735d28;background:#2b2515}.connection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.connection-stat{background:#0b1821;border:1px solid var(--line);border-radius:11px;padding:13px}.connection-stat small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;margin-bottom:6px}.connection-stat b{font-size:14px}.connection-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;color:var(--muted);font-size:12px}.live-stage{outline:1px solid #2b7895;background:#123044}@media(max-width:900px){.connection-grid{grid-template-columns:repeat(2,1fr)}.connection-foot{align-items:flex-start;flex-direction:column}}