:root{--bg:#07090d;--panel:#10151d;--panel2:#151d28;--line:#263244;--text:#eaf7ff;--muted:#8fa8bc;--cyan:#36f1ff;--pink:#ff3bd4;--lime:#9cff57;--amber:#ffc857;--danger:#ff5964}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#151126 0,#07090d 42%,#05070a 100%);color:var(--text);font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:100vh}.scanlines{pointer-events:none;position:fixed;inset:0;z-index:999;background:repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0 1px,transparent 1px 4px)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:255px;background:linear-gradient(180deg,#0b0e14,#090b10);border-right:1px solid #233048;padding:22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.pixel-logo{width:48px;height:48px;border:2px solid var(--cyan);box-shadow:0 0 24px #36f1ff55;display:grid;place-items:center;font-weight:900;color:var(--cyan);background:#08151a}.brand strong{display:block;letter-spacing:1px}.brand span{display:block;color:var(--pink);font-size:10px;margin-top:3px}.sidebar nav{display:grid;gap:8px}.sidebar nav a,.side-foot a{color:#cfefff;text-decoration:none;padding:10px 12px;border:1px solid transparent;border-radius:8px}.sidebar nav a:hover{border-color:#2c4963;background:#0f1a24;color:var(--cyan)}.side-foot{margin-top:auto;color:var(--muted);font-size:12px}.main{margin-left:255px;min-height:100vh}.topbar{height:92px;border-bottom:1px solid #1c2a3a;padding:17px 28px;display:flex;justify-content:space-between;align-items:center;background:#080b10cc;backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.topbar h1{margin:2px 0 0;font-size:22px}.topbar small{color:var(--pink);letter-spacing:2px}.online{color:var(--lime);font-size:12px}.online i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px var(--lime);margin-right:7px}.content{padding:28px;max-width:1500px}.grid{display:grid;gap:18px}.grid.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(180deg,#111823,#0d1219);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 16px 40px #0006}.metric b{display:block;font-size:28px;color:var(--cyan);text-shadow:0 0 20px #36f1ff55}.metric span{color:var(--muted)}h2{font-size:15px;letter-spacing:.7px;margin:0 0 14px;color:#fff}.btn,button{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,#0f7080,#6f1f70);color:white;border:1px solid #36f1ff88;border-radius:8px;padding:10px 14px;text-decoration:none;font:inherit;cursor:pointer;box-shadow:0 0 18px #36f1ff18}.btn.alt{background:#151b24;border-color:#34485e}.btn.danger{border-color:#ff596488;background:#3c171b}.btn.lime{border-color:#9cff5788;background:#173119}label{display:grid;gap:7px;color:#bdd2e2;margin-bottom:14px}input,select,textarea{width:100%;background:#080d13;color:#eefaff;border:1px solid #2a3d52;border-radius:8px;padding:10px 11px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #36f1ff13}textarea{min-height:120px}.hint{color:var(--muted);font-size:12px}.status{display:inline-block;border:1px solid #38516b;border-radius:999px;padding:3px 8px;font-size:11px;text-transform:uppercase}.status.done{color:var(--lime);border-color:#568e3c}.status.failed{color:var(--danger);border-color:#81353a}.status.running{color:var(--cyan);border-color:#277785}.status.queued{color:var(--amber);border-color:#7d6538}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #1f2b38;vertical-align:top}th{color:#8eb5cc;font-size:11px;text-transform:uppercase}.flash{padding:12px 14px;border:1px solid #38506a;background:#101a25;border-radius:8px;margin-bottom:16px}.flash.error{border-color:#8f3940;background:#2c1216}.log{white-space:pre-wrap;background:#05080b;border:1px solid #1e2b38;border-radius:8px;padding:14px;max-height:520px;overflow:auto;color:#a9d6e8;font-size:12px}.hero{border-color:#2f6374;background:linear-gradient(120deg,#101b26,#171123)}.hero h2{font-size:22px}.hero p{max-width:850px;color:#acc0d0}.kvs{display:grid;grid-template-columns:220px 1fr;gap:8px 14px}.kvs div:nth-child(odd){color:#7999ad}@media(max-width:950px){.sidebar{position:static;width:auto;height:auto}.main{margin:0}.grid.cols4,.grid.cols2{grid-template-columns:1fr}.topbar{position:static}.content{padding:16px}.kvs{grid-template-columns:1fr}}