:root{color-scheme:dark;--bg:#0b0f15;--panel:#121821;--border:#252e3c;--muted:#929eaf;--text:#edf2f9;--green:#75e9b1;--blue:#8db6ff;--amber:#edc980}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 'Segoe UI',Arial,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}header{height:82px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:22px;letter-spacing:2px}.brand-icon{color:var(--green);font-size:35px;line-height:1}.brand-tag{font-size:10px;color:var(--muted);letter-spacing:2px;margin-left:8px;padding-left:14px;border-left:1px solid var(--border)}.header-right{display:flex;align-items:center;gap:22px}.connection{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px}.connection i,.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--green)}.separator{height:20px;border-left:1px solid var(--border)}.text-button{border:0;background:none;color:var(--muted);font-size:12px}main{max-width:1460px;margin:auto;padding:44px 5% 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.eyebrow{font-size:10px;color:var(--green);letter-spacing:2.2px;font-weight:650}h1{font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-1.2px;line-height:1.2;margin:12px 0}h1 span{color:var(--green)}.page-heading p{margin:0;color:var(--muted);font-size:13px}.updated{text-align:right;color:var(--muted);font-size:11px}.updated strong{display:block;color:var(--text);font-weight:500;font-variant-numeric:tabular-nums;margin-top:5px}.summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:12px;background:linear-gradient(125deg,#141c27,#111720);overflow:hidden;margin-bottom:30px}.summary article{padding:22px 26px;position:relative}.summary article+article{border-left:1px solid var(--border)}.summary article>span{display:flex;align-items:center;gap:8px;color:#b2bece;font-size:12px}.summary strong{display:block;font-size:36px;font-weight:500;letter-spacing:-1px;margin:8px 0 0}.summary small{color:#738196;font-size:11px}.green{background:var(--green)}.blue{background:var(--blue)}.amber{background:var(--amber)}.toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;align-items:center}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{border:1px solid transparent;background:none;color:var(--muted);font-size:12px;padding:9px 13px;border-radius:6px}.tabs button.selected{background:#1d2733;border-color:#344254;color:var(--text)}.search{background:#10161e;border:1px solid var(--border);border-radius:7px;display:flex;gap:10px;align-items:center;padding:8px 12px;color:var(--muted)}.search span{font-size:20px;line-height:1}.search input{background:none;border:0;color:var(--text);outline:none;width:210px;font-size:12px}.machine{background:var(--panel);border:1px solid var(--border);border-radius:11px;margin-bottom:16px;overflow:hidden}.machine-head{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;gap:20px}.machine-identity{display:flex;gap:13px;align-items:center}.computer-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#1c2933;color:var(--green);font-size:22px;border:1px solid #2c3d48}.machine h2{font-size:16px;font-weight:600;margin:0}.machine-meta{color:var(--muted);font-size:11px;margin-top:3px}.machine-meta span+span:before{content:'·';margin:0 8px;color:#516074}.machine-state{display:flex;align-items:center;gap:18px}.badge{font-size:11px;border-radius:5px;padding:4px 8px;display:inline-flex;gap:6px;align-items:center;white-space:nowrap;background:#202936;color:#a9b8c9}.badge.live{color:var(--green);background:#193329}.badge.warn{color:var(--amber);background:#352d1f}.badge.offline{color:#a2a9b5;background:#252a32}.badge.error{color:#f09c9c;background:#362428}.last-seen{font-size:11px;color:var(--muted)}.machine-info{display:flex;gap:26px;padding:0 22px 17px;color:var(--muted);font-size:11px;flex-wrap:wrap}.machine-info b{font-weight:500;color:#d3dce8;margin-left:5px}.table-wrap{overflow-x:auto}.streams{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.streams th{text-align:left;color:#78869a;background:#0f151d;font-size:10px;font-weight:500;letter-spacing:.6px;padding:10px 22px}.streams td{padding:12px 22px;border-top:1px solid #202936;font-variant-numeric:tabular-nums}.streams td:nth-child(3){color:var(--green);font-weight:550}.stream-name{display:flex;gap:9px;align-items:center}.stream-marker{font-size:10px;color:var(--blue);border:1px solid #33445c;border-radius:4px;min-width:23px;text-align:center;padding:1px 4px}.stream-marker.extra{color:var(--muted);border-color:#35404f}.subtle{color:var(--muted)}.machine-note{padding:11px 22px;font-size:11px;color:#8e9bad;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px}.history-button{border:0;background:none;color:var(--blue);padding:0;font-size:11px}.history{padding:12px 22px 20px;border-top:1px solid var(--border)}.history svg{display:block;width:100%;height:88px;margin-top:12px}.history p{color:var(--muted);font-size:11px}.history-line{fill:none;stroke:var(--green);stroke-width:2}.notice{padding:12px 16px;border:1px solid #665235;background:#2e261b;color:var(--amber);border-radius:7px;margin-bottom:20px;font-size:12px}.empty{padding:48px 25px;text-align:center;border:1px dashed var(--border);border-radius:10px;color:var(--muted)}.activity{margin-top:32px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title h2{font-size:16px;font-weight:550;margin:0}.section-title>span{font-size:9px;letter-spacing:1.5px;color:#68788f}.event{display:flex;gap:15px;padding:10px 0;border-bottom:1px solid #1a2330;font-size:12px}.event time{color:#718198;min-width:63px;font-variant-numeric:tabular-nums}.event b{font-weight:500;color:#c5d0df;min-width:120px}.event span{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;color:#59697f;font-size:10px;margin-top:38px;padding:20px 0;border-top:1px solid #1c2533}footer>span:first-child{letter-spacing:1.5px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 35%,#18302780,transparent 60%);padding:25px}.login-card{max-width:430px;width:100%;border:1px solid var(--border);background:#111821;padding:38px;border-radius:15px}.login-card .brand{margin-bottom:40px}.login h1{font-size:38px;line-height:1.15}.login p{color:var(--muted);font-size:13px}.login label{display:block;font-size:12px;margin-top:30px;color:#bac6d7}.login input{width:100%;background:#0b1119;border:1px solid #344154;border-radius:7px;padding:11px;color:var(--text);margin-top:8px}.primary{border:0;border-radius:7px;background:var(--green);color:#0d2a1b;font-weight:650;padding:12px 16px;width:100%;margin-top:15px;display:flex;justify-content:space-between}.login-footer{font-size:9px;letter-spacing:1.4px;color:#63748b;border-top:1px solid var(--border);margin-top:27px;padding-top:20px}#login-error{color:#ffb2a7;font-size:12px;min-height:18px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:3px}.offline-machine .table-wrap{opacity:.5}.history-controls{color:var(--muted);font-size:11px}@media(max-width:800px){header{padding:0 20px;height:68px}.brand-tag{display:none}main{padding:28px 20px}.page-heading{align-items:flex-start;gap:15px}.updated{display:none}.summary{grid-template-columns:repeat(2,1fr)}.summary article{padding:18px}.summary article:nth-child(3){border-left:0;border-top:1px solid var(--border)}.summary article:nth-child(4){border-top:1px solid var(--border)}.toolbar{align-items:stretch;flex-direction:column;gap:12px}.search input{width:100%}.machine-head{padding:16px;align-items:flex-start}.machine-state{align-items:flex-end;gap:5px;flex-direction:column}.machine-info{padding:0 16px 14px;gap:12px}.streams th,.streams td{padding:11px 16px}.machine-note{padding:12px 16px}.event{flex-wrap:wrap;gap:6px 12px}.event span{flex-basis:100%;margin-left:75px}.connection{font-size:10px}.header-right{gap:12px}footer{flex-direction:column;gap:7px}.login-card{padding:27px}.section-title>span{display:none}}
.machine-identity{min-width:0}.machine-identity h2{overflow-wrap:anywhere}.machine-meta{display:flex;flex-wrap:wrap}.machine-meta span{overflow-wrap:anywhere}