:root{--bg: #05080a;--bg-2: #070c0e;--panel: rgba(16, 23, 24, .72);--panel-solid: #0c1214;--raise: rgba(46, 64, 60, .16);--line: rgba(120, 165, 148, .14);--line-bright: rgba(120, 165, 148, .28);--signal: #2ff1a3;--signal-deep: #15c585;--signal-glow: rgba(47, 241, 163, .55);--amber: #ffb454;--amber-glow: rgba(255, 180, 84, .5);--alarm: #ff495f;--alarm-glow: rgba(255, 73, 95, .55);--ice: #5cc8ff;--grn: #2ff1a3;--red: #ff495f;--yel: #ffb454;--ink: #e8f2ec;--ink-soft: #aebcb5;--muted: #6f827a;--faint: #475450;--display: "Oxanium", system-ui, sans-serif;--ui: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 14px;--radius-sm: 9px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:radial-gradient(1200px 540px at 50% -8%,rgba(47,241,163,.09),transparent 60%),radial-gradient(900px 600px at 100% 110%,rgba(92,200,255,.05),transparent 55%),linear-gradient(var(--bg-2),var(--bg));background-attachment:fixed;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(120,165,148,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(120,165,148,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 92%);-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 92%);z-index:0}#root{position:relative;z-index:1;min-height:100%}::selection{background:var(--signal-glow);color:#04130d}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:.01em}a{color:var(--signal)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#1b2624;border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#243430}.muted,.dim{color:var(--muted)}label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:16px 0 7px}input,select{width:100%;font-family:var(--mono);font-size:14px;color:var(--ink);background:#04090a;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 13px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}input::placeholder{color:var(--faint)}input:focus,select:focus{border-color:var(--signal-deep);box-shadow:0 0 0 3px #2ff1a31f,inset 0 0 22px #2ff1a30a;background:#050d0c}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}.btn{font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.03em;color:var(--ink);background:#121a1b;border:1px solid var(--line-bright);border-radius:var(--radius-sm);padding:11px 18px;cursor:pointer;transition:transform .12s,border-color .18s,box-shadow .18s,background .18s,color .18s;white-space:nowrap}.btn:hover{border-color:var(--signal-deep);box-shadow:0 0 0 3px #2ff1a314;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none;border-color:var(--line)}.btn.sm{padding:8px 12px;font-size:12.5px}.btn.primary{color:#03130d;background:linear-gradient(180deg,var(--signal),var(--signal-deep));border-color:transparent;box-shadow:0 6px 22px -8px var(--signal-glow),inset 0 1px #ffffff59}.btn.primary:hover{box-shadow:0 10px 30px -8px var(--signal-glow),inset 0 1px #fff6}.btn.on{color:#03130d;background:linear-gradient(180deg,var(--signal),var(--signal-deep));border-color:transparent;box-shadow:0 0 24px -4px var(--signal-glow)}.btn.off{color:var(--alarm);border-color:#ff495f66;background:#ff495f12}.btn.off:hover{border-color:var(--alarm);box-shadow:0 0 0 3px #ff495f1a}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);box-shadow:0 24px 60px -28px #000c,inset 0 1px #ffffff08}.card h3{margin:0 0 4px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.error{color:var(--alarm);font-family:var(--mono);font-size:13px;background:#ff495f14;border:1px solid rgba(255,73,95,.25);border-radius:var(--radius-sm);padding:9px 12px;margin-top:14px}.center-screen{min-height:100vh;display:grid;place-items:center;padding:28px}.login-card{width:100%;max-width:400px;padding:34px 32px 30px;position:relative;overflow:hidden;animation:rise .7s cubic-bezier(.16,1,.3,1) both}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--signal),transparent);opacity:.7}.login-mark{font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:.06em;margin:0;display:flex;align-items:center;gap:4px}.login-mark .dotmid{color:var(--signal);text-shadow:0 0 14px var(--signal-glow)}.login-sub{font-family:var(--mono);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin:9px 0 18px}.login-card h1{font-size:22px;margin:0}.live{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--signal)}.live .led{width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 0 var(--signal-glow);animation:pulse 2s infinite}.login-card label,.login-card input,.login-card .btn{animation:rise .6s both}.login-card label:nth-of-type(1){animation-delay:.08s}.login-card input:nth-of-type(1){animation-delay:.12s}.login-card label:nth-of-type(2){animation-delay:.16s}.login-card input:nth-of-type(2){animation-delay:.2s}.login-card .btn{animation-delay:.26s}.app-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 22px;background:#060b0cd1;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);border-bottom:1px solid var(--line)}.brand{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.16em;display:flex;align-items:center;gap:12px}.brand .bdot{color:var(--signal);text-shadow:0 0 12px var(--signal-glow)}.who{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink-soft);padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:var(--raise)}.wrap{max-width:1140px;margin:0 auto;padding:30px 24px 90px}.wrap>h2{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 18px;display:flex;align-items:center;gap:12px}.wrap>h2:before{content:"▰";color:var(--signal);font-size:10px}.grow{flex:1}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toolbar select{width:auto;min-width:200px}.portal{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.prow{display:grid;grid-template-columns:1.7fr 1.1fr .9fr .7fr 1fr 1fr 1.9fr;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);position:relative;transition:background .18s;animation:rowin .5s both}.prow:last-child{border-bottom:none}.prow:not(.head):hover{background:#2ff1a309}.prow.head{background:#080d0ed9;animation:none}.prow.head span{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.name{font-family:var(--mono);font-size:13.5px;color:var(--ink);display:flex;align-items:center;gap:8px;min-width:0}.name.talk{color:var(--signal)}.name.talk:before{content:"";width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--signal);box-shadow:0 0 10px var(--signal-glow);animation:pulse 1.1s infinite}.prow.alert{background:#ff495f0f}.prow.alert:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--alarm);box-shadow:0 0 16px var(--alarm-glow);animation:pulse 1.4s infinite}.prow.alert:hover{background:#ff495f1a}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.empty{padding:46px 18px;text-align:center;font-family:var(--mono);font-size:13px;letter-spacing:.08em;color:var(--faint)}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.04em;padding:4px 10px;border-radius:7px;border:1px solid transparent;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.badge.b-mut:before,.badge.b-wifi:before,.badge.b-5g:before,.badge.b-lte:before{box-shadow:none}.b-on{color:var(--signal);background:#2ff1a317;border-color:#2ff1a338}.b-off{color:var(--alarm);background:#ff495f1a;border-color:#ff495f47}.b-mut{color:var(--muted);background:var(--raise);border-color:var(--line)}.b-wifi{color:var(--ice);background:#5cc8ff17;border-color:#5cc8ff38}.b-5g{color:#c9a3ff;background:#aa82ff1a;border-color:#aa82ff3d}.b-lte{color:var(--amber);background:#ffb45417;border-color:#ffb45438}.b-good{color:var(--signal);background:#2ff1a317;border-color:#2ff1a333}.b-poor{color:var(--amber);background:#ffb4541a;border-color:#ffb4543d}.b-lost{color:var(--alarm);background:#ff495f1a;border-color:#ff495f42}.legend{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:8px}.sw{width:11px;height:11px;border-radius:3px;box-shadow:0 0 10px currentColor}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.grid2 .card{margin-bottom:16px}table{border-collapse:collapse;font-family:var(--mono);width:100%}td{padding:9px 10px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink-soft)}tr:last-child td{border-bottom:none}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rowin{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--signal-glow)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}@media (max-width: 820px){.grid2{grid-template-columns:1fr}.prow{grid-template-columns:1.4fr 1fr 1fr;row-gap:10px}.prow .row-actions{grid-column:1 / -1}.prow.head{display:none}}@media (prefers-reduced-motion: reduce){*,*:before{animation:none!important}}