:root{color:#eaf7f8;background:#071013;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(55,242,209,.16),transparent 32rem),linear-gradient(135deg,#071013,#111827 54%,#0f172a)}button{border:1px solid rgba(125,211,252,.28);border-radius:8px;background:#101b20db;color:#eaf7f8;cursor:pointer;font:inherit;min-height:42px;padding:0 16px}button:hover,button:focus-visible{border-color:#37f2d1;outline:2px solid rgba(55,242,209,.28);outline-offset:2px}.shell{margin:0 auto;max-width:1180px;padding:28px}.topbar,.hero,.layout{display:grid;gap:20px}.topbar{align-items:center;grid-template-columns:1fr auto;margin-bottom:28px}.eyebrow{color:#37f2d1;font-size:12px;font-weight:700;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.1;margin-bottom:0}h2{font-size:28px;line-height:1.16;margin-bottom:12px}h3{font-size:18px;margin-bottom:0}.api-pill{align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;display:flex;gap:8px;min-height:36px;padding:0 14px}.api-pill span,.status-dot{border-radius:999px;display:inline-block;height:10px;width:10px}.api-pill.online span,.status-dot.online{background:#7cffb2;box-shadow:0 0 18px #7cffb2b3}.api-pill.offline span,.status-dot.offline,.status-dot.unknown{background:#ff5c7a}.status-dot.warning{background:#ffd166}.hero,.panel{border:1px solid rgba(125,211,252,.16);border-radius:8px;background:#071013b8;box-shadow:0 18px 54px #00000038}.hero{align-items:end;grid-template-columns:minmax(0,1fr) auto;margin-bottom:20px;padding:24px}.hero p{color:#aac1c7;max-width:720px}.layout{grid-template-columns:360px minmax(0,1fr)}.panel{padding:18px}.panel-title{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.panel-title span{color:#37f2d1;text-transform:uppercase}.device-list{display:grid;gap:10px}.device-row{align-items:center;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr);justify-items:start;min-height:66px;text-align:left;width:100%}.device-row.selected{background:#37f2d11f;border-color:#37f2d1cc}.device-row strong,.device-row small{display:block}.device-row small,.empty,.command-log,.toast{color:#9db7c8}.detail{min-height:360px}.metrics{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.metric{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:14px}.metric span,.metric strong{display:block}.metric span{color:#8aa3a8;font-size:13px;margin-bottom:8px}.metric strong{font-size:16px;overflow-wrap:anywhere}.commands{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.toast{margin:18px 0 0}@media (max-width: 840px){.shell{padding:18px}.topbar,.hero,.layout,.metrics{grid-template-columns:1fr}.hero{align-items:start}}