:root{font-family:Inter,Segoe UI,sans-serif;color:#e5edf2;background:#0c1218;color-scheme:dark;--accent:#98f0bc;--muted:#90a1ae}*{box-sizing:border-box}body{margin:0}header{padding:24px 5vw;border-bottom:1px solid #26333c;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;font-size:23px;letter-spacing:1px}.brand span{font:11px Consolas,monospace;color:var(--accent);letter-spacing:3px;margin-left:12px}main{max-width:1400px;margin:auto;padding:50px 5vw}h1{font-size:clamp(36px,5vw,66px);font-weight:550;line-height:1.06;letter-spacing:-2px;margin:20px 0}h1 span{color:var(--accent)}.eyebrow{font:11px Consolas,monospace;color:var(--accent);letter-spacing:3px}p{line-height:1.6}.intro,.muted{color:var(--muted)}.muted{font-size:12px}.toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:35px 0 18px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);flex:1}input,button{font:inherit;padding:12px;border-radius:7px;border:1px solid #34434f;background:#141f28;color:#eef5f8}button{cursor:pointer;background:var(--accent);color:#0c2015;border-color:transparent;font-weight:650}header button{background:transparent;border-color:#34434f;color:#d7e3ea}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:22px 0}.card,.panel{background:#111c24;border:1px solid #263740;border-radius:12px;padding:22px}.card span{color:var(--muted);font:11px Consolas,monospace;text-transform:uppercase}.card strong{display:block;font-size:30px;font-weight:500;margin-top:12px}.panel{margin:18px 0}h2{font-size:17px;font-weight:550;margin:0 0 20px}.panel-head{display:flex;justify-content:space-between;gap:10px}.panel-head span{font-size:11px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart{display:flex;gap:10px;min-height:120px;align-items:end;overflow-x:auto;padding:8px 0}.bar{min-width:65px;flex:1;font:11px Consolas,monospace;color:var(--muted)}.bar i{display:block;background:var(--accent);border-radius:3px 3px 0 0;min-height:2px;margin:7px 0}.bar b{font-weight:400;color:#e6f1ed}.machine{border-bottom:1px solid #263740;padding:13px 0;font-size:13px;overflow-wrap:anywhere}.online{color:var(--accent)}.offline{color:#f4b277}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}td,th{padding:13px 10px;border-bottom:1px solid #293943;vertical-align:top;overflow-wrap:anywhere}th{color:var(--muted);font-weight:500}.table-wrap{overflow-x:auto}.table-wrap table{min-width:720px}.completed{color:var(--accent)}.failed,.error{color:#ff9292}footer{text-align:center;color:var(--muted);font:11px Consolas,monospace;padding:24px}.login main{max-width:500px;padding-top:12vh}.login form{display:grid;gap:20px;margin:30px 0}.login .eyebrow{margin-top:50px}.empty{color:var(--muted);padding:25px 0}#connection{font:12px Consolas,monospace}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:700px){.split{grid-template-columns:1fr}.brand span{display:block;margin:5px 0}main{padding-top:30px}.toolbar label{min-width:45%}}
