:root{--bg:#0b1020;--panel:#121a2e;--panel2:#18233d;--text:#e8edf7;--muted:#9ba8bf;--line:#2b3854;--accent:#55b7ff;--good:#45d483;--warn:#f5bd52;--bad:#ff6b73;--purple:#b49cff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#090d19,#0e1630 62%,#10192b);color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:14px 24px;border-bottom:1px solid var(--line);background:rgba(11,16,32,.93);backdrop-filter:blur(12px)}header .brand{font-weight:800;letter-spacing:.02em}nav{display:flex;gap:8px}nav a{padding:8px 11px;border-radius:8px;color:var(--muted)}nav a.active,nav a:hover{background:var(--panel2);color:var(--text)}.spacer{flex:1}.token-wrap{display:flex;gap:8px;align-items:center}.token-wrap input{width:220px}.container{max-width:1500px;margin:0 auto;padding:22px}.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:16px}.card,.panel{background:rgba(18,26,46,.96);border:1px solid var(--line);border-radius:13px;box-shadow:0 14px 45px rgba(0,0,0,.16)}.card{padding:17px}.card .value{font-size:28px;font-weight:800;margin-top:5px}.card .label,.muted{color:var(--muted)}.panel{padding:17px;margin-bottom:16px}.panel h2,.panel h3{margin:0 0 13px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}input,select,textarea,button{font:inherit}input,select,textarea{background:#0d1426;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:9px 10px}textarea{width:100%;min-height:220px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45}button,.button{border:1px solid #3b6188;background:#173553;color:#eaf7ff;padding:9px 13px;border-radius:8px;cursor:pointer;font-weight:650}button:hover,.button:hover{background:#214b72}button.secondary{background:#18233d;border-color:var(--line)}button.danger{background:#59242a;border-color:#8f3944}button:disabled{opacity:.5;cursor:not-allowed}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:650;position:sticky;top:59px;background:var(--panel)}tr.clickable{cursor:pointer}tr.clickable:hover{background:#192641}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.04em;background:#24314b}.badge.completed{color:var(--good)}.badge.failed,.badge.cancelled{color:var(--bad)}.badge.queued{color:var(--accent)}.badge.leased,.badge.building{color:var(--warn)}.badge.online{color:var(--good)}.badge.offline{color:var(--muted)}.split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:16px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.field input,.field select{width:100%}pre{background:#090f1e;border:1px solid var(--line);padding:12px;border-radius:9px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:12px;max-height:500px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:12px}.tab{padding:8px 11px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab-pane{display:none}.tab-pane.active{display:block}.status{padding:10px 12px;border-radius:8px;background:#101a30;color:var(--muted);margin:10px 0}.status.error{border:1px solid var(--bad);color:#ffd4d7}.status.good{border:1px solid var(--good);color:#c9ffe0}canvas{width:100%;background:#080d18;border:1px solid var(--line);border-radius:10px}.viewer{height:560px;position:relative}.viewer canvas{height:100%;display:block}.viewer .overlay{position:absolute;left:12px;top:12px;background:rgba(7,11,21,.78);padding:8px 10px;border-radius:7px;font-size:12px;color:var(--muted);pointer-events:none}.legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.legend-item{font-size:11px;background:#1b2740;padding:4px 7px;border-radius:6px}.chart{height:300px}.small{font-size:12px}.nowrap{white-space:nowrap}.hidden{display:none!important}@media(max-width:950px){.split,.two,.three{grid-template-columns:1fr}header{flex-wrap:wrap}.token-wrap input{width:150px}.viewer{height:420px}th{top:105px}}