:root{color-scheme:dark;font-family:Inter,"Microsoft YaHei",sans-serif;color:#e8eef8;background:#080f1d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#12314a 0,transparent 45%),#080f1d;min-height:100vh}.shell{max-width:1700px;padding:48px 5vw;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{font-size:12px;letter-spacing:3px;color:#56d5df;font-weight:700}h1{font-size:34px;margin:12px 0}p,footer{color:#93a4bc;font-size:14px;line-height:1.8}.header-right{display:flex;align-items:center;gap:20px;color:#93a4bc;font-variant-numeric:tabular-nums}button{font:inherit;cursor:pointer;background:#63e0d1;color:#062628;border:1px solid transparent;border-radius:8px;padding:11px 20px;font-weight:600}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}.quiet{background:transparent;color:#b7c9dc;border:1px solid #33465f}input{font:inherit;border:1px solid #34465c;color:#f1f6fc;background:#0c1727;border-radius:8px;padding:12px;min-width:0}input:focus{outline:2px solid #63e0d1;outline-offset:2px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0 40px}.stats>div{background:#111f32;border:1px solid #25374e;border-radius:12px;padding:22px 26px}.stats span{font-size:13px;color:#9cafc6}.stats strong{display:block;font-size:42px;font-weight:600;margin-top:14px;font-variant-numeric:tabular-nums}.green{color:#63e0bc}.amber{color:#f5c36a}.red,.error{color:#ff8991}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}h2{font-size:19px}.section-head input{width:300px}.machines{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.machine{border:1px solid #2b4056;background:linear-gradient(140deg,#14253a,#101b2c);border-radius:14px;padding:25px}.machine-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.machine h3{font-size:20px;margin:17px 0 7px;overflow-wrap:anywhere}.ip{font-size:25px;letter-spacing:1px;font-variant-numeric:tabular-nums;color:#d5e7f7}.badge{font-size:12px;border:1px solid currentColor;border-radius:20px;padding:6px 10px}.machine button{font-size:12px;padding:7px 11px}.details{border-top:1px solid #2a3e54;margin-top:22px;padding-top:16px}.detail{display:flex;justify-content:space-between;gap:15px;font-size:13px;line-height:2.1}.detail span:first-child{color:#8ba1b8;white-space:nowrap}.detail span:last-child{text-align:right;overflow-wrap:anywhere}.activity{margin-top:17px;background:#0b1726;border-radius:8px;padding:12px;font-size:13px;color:#b4c8dc;line-height:1.8}.empty{padding:50px;text-align:center;color:#91a6bc;grid-column:1/-1;border:1px dashed #34465c;border-radius:12px}#notice{min-height:22px;color:#9bb0c6;font-size:13px;margin-top:22px}footer{margin-top:32px;font-size:12px}.login{width:min(430px,90vw);margin:12vh auto;background:#122136;border:1px solid #2b4056;padding:38px;border-radius:18px}.login label,dialog label{display:grid;gap:10px;font-size:14px;margin:18px 0}.login button{width:100%;margin-top:12px}.error{font-size:13px;min-height:18px}dialog{width:min(440px,90vw);border:1px solid #40546d;background:#132237;color:#e8eef8;border-radius:14px;padding:28px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@media(max-width:650px){.shell{padding:26px 18px}header{align-items:flex-start}.header-right{flex-direction:column;font-size:11px;align-items:flex-end}h1{font-size:25px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.stats>div{padding:17px}.stats strong{font-size:32px}.section-head{align-items:stretch;flex-direction:column;gap:5px}.section-head input{width:100%}.machines{grid-template-columns:1fr}.machine{padding:20px}.ip{font-size:22px}}