:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9eef6;background:#0d1522;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -15%,#22425a 0,transparent 42%),#0d1522;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1320px;padding:0 42px;margin:auto}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263445}.brand{display:flex;align-items:center;gap:12px;font-size:15px;letter-spacing:.18em;font-weight:800}.brand-mark{width:33px;height:33px;display:grid;place-items:center;background:#b5e4da;color:#0c2630;border-radius:8px;font-size:24px}.brand small{font-size:10px;letter-spacing:.13em;color:#7791a7;font-weight:700}.top-status{font-size:12px;color:#a8bbcb}.status-dot{display:inline-block;width:7px;height:7px;background:#7cddbc;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #7cddbc}.hero{display:flex;justify-content:space-between;align-items:flex-end;padding:66px 0 58px;gap:24px}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:#8bd4c1;margin:0 0 14px}h1{font-size:clamp(42px,5.5vw,74px);line-height:1.07;letter-spacing:-.065em;margin:0;font-weight:680}h1 em{font-style:normal;color:#a6dacc}.intro{max-width:570px;color:#a3b6c6;font-size:16px;line-height:1.6;margin:20px 0 0}.button{border:0;border-radius:10px;background:#a7ddcd;color:#12312d;padding:13px 20px;font-weight:750;white-space:nowrap}.button:hover{background:#c5f2e5}.button-light{background:#1c2d3b;color:#d7e8e4;border:1px solid #385260}.button-light:hover{background:#294252}.login-card{display:grid;grid-template-columns:52px 1fr;gap:8px 18px;max-width:690px;background:#142332;border:1px solid #314857;border-radius:16px;padding:30px;box-shadow:0 20px 45px #060e1780}.login-icon{width:46px;height:46px;background:#223b42;border-radius:12px;display:grid;place-items:center;color:#9ce0c9;font-size:27px}.login-card h2{margin:0 0 5px;font-size:22px}.login-card p{color:#9eb0bf;margin:0;line-height:1.5}.login-card form{grid-column:2;margin-top:17px}.login-card label{display:block;font-size:12px;color:#b5c6d2;margin-bottom:8px}.login-fields{display:flex;gap:10px}.login-fields input,.toolbar input,.toolbar select{background:#0c1927;border:1px solid #324657;border-radius:9px;color:#e9eef6;outline:none}.login-fields input{min-width:0;flex:1;padding:12px}.login-fields input:focus,.toolbar input:focus,.toolbar select:focus{border-color:#9de0cc}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.metric{background:#142332;border:1px solid #2b4152;border-radius:13px;padding:23px}.metric-label{display:block;font-size:11px;letter-spacing:.13em;color:#94aebe;font-weight:800}.metric strong{display:block;font-size:44px;line-height:1.2;letter-spacing:-.05em;margin:13px 0 4px}.metric-note{font-size:12px;color:#8b9fac}.panel{border:1px solid #2a4052;border-radius:15px;background:#132130;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:end;padding:26px 26px 17px}.panel-head h2{margin:0;font-size:28px;letter-spacing:-.03em}.muted{color:#829aab;font-size:12px}.toolbar{display:flex;gap:12px;padding:0 26px 20px}.toolbar input{flex:1;padding:11px 13px}.toolbar select{padding:11px 13px;min-width:170px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:790px}th{text-align:left;padding:13px 26px;border-top:1px solid #293c4d;border-bottom:1px solid #293c4d;font-size:10px;letter-spacing:.12em;color:#8da6b7}td{padding:17px 26px;border-bottom:1px solid #223749;color:#b4c5d1;font-size:13px;vertical-align:top}tbody tr:last-child td{border-bottom:0}.hostname{color:#edf5f6;font-weight:750;letter-spacing:.01em}.subtext{display:block;color:#738d9f;font-size:11px;margin-top:4px}.pill{display:inline-block;border-radius:30px;padding:6px 9px;font-size:11px;font-weight:750;white-space:nowrap}.pill-wifi{background:#382c43;color:#d9b8ee}.pill-wired{background:#1d3a36;color:#9de7c8}.pill-unknown{background:#393828;color:#e6d9a0}.details{background:none;border:0;color:#a7dece;padding:0;text-decoration:underline;text-underline-offset:3px}.detail-row td{padding-top:0;background:#101d2b}.adapter-list{display:flex;flex-wrap:wrap;gap:10px}.adapter{background:#1c2c3b;border:1px solid #314759;border-radius:9px;padding:12px;max-width:400px;line-height:1.5}.adapter b{color:#e3f1ed}.empty{padding:30px;color:#9cb1c0}.footnote{color:#7e96a7;font-size:12px;margin:18px 0 48px}.message{color:#eeb0a2;min-height:20px;margin:18px 0}footer{display:flex;justify-content:space-between;border-top:1px solid #263445;padding:24px 0 40px;color:#657f91;font-size:11px}footer button{background:none;border:0;color:#8fb4bc;text-decoration:underline}.login-card[hidden],#dashboard[hidden],.detail-row[hidden],#empty[hidden]{display:none}@media(max-width:820px){.shell{padding:0 20px}.hero{padding:46px 0 38px;align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.login-card{grid-template-columns:1fr}.login-card form{grid-column:1}.login-fields{flex-direction:column}.toolbar{flex-direction:column}.toolbar select{min-width:0}}@media(max-width:480px){.brand small{display:none}.top-status{font-size:0}.metrics{gap:9px}.metric{padding:16px}.metric strong{font-size:34px}.panel-head{padding:20px}.toolbar{padding:0 20px 20px}}
.pill-success{background:#1d3a36;color:#9de7c8;text-transform:capitalize}.pill-warning{background:#393828;color:#e6d9a0;text-transform:capitalize}.pill-error{background:#442a31;color:#efafb8;text-transform:capitalize}.report-json{max-height:420px;overflow:auto;margin:0;padding:16px;background:#0b1826;border:1px solid #314759;border-radius:9px;color:#d8e9ed;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.toolbar select{min-width:150px}