:root{color-scheme:dark;--bg:#070e1a;--panel:#101b2b;--line:#23354b;--blue:#44baff;--muted:#91a2b8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eaf4ff;font:14px/1.6 Inter,system-ui,sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 10%,#063d652e,transparent 60%);z-index:-1}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:10px 15px;background:#142237;color:#caddf2}button:hover{border-color:var(--blue);color:white}button:disabled{opacity:.4;cursor:not-allowed}input{width:100%;border:1px solid var(--line);background:#0a1423;padding:12px;color:white;border-radius:6px;outline:none}input:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}label{display:block;margin:18px 0 12px;color:#bdcde0}label small{color:var(--muted);float:right}label input{margin-top:7px}aside{position:fixed;width:244px;top:0;bottom:0;border-right:1px solid var(--line);padding:32px 22px;background:#0b1421}.brand{display:flex;align-items:center;font-size:21px;font-weight:800;letter-spacing:2px;gap:12px}.sub{display:block;font-size:8px;letter-spacing:2px;color:var(--muted)}.workspace{font-size:10px;letter-spacing:2px;color:#647e99;margin:53px 12px 17px}nav{display:grid;gap:8px}nav button,nav a{border:0;text-align:left;background:transparent;padding:12px;color:#8fa4bd;border-radius:7px}nav button.active{background:#113653;color:#60c4ff;box-shadow:inset 3px 0 var(--blue)}nav a:hover{color:var(--blue)}.aside-foot{position:absolute;bottom:28px;font-size:10px;letter-spacing:1px}.aside-foot small{display:block;color:#647e99;font-size:10px;margin-top:12px;letter-spacing:0}.dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#41dfbf;margin-right:8px;box-shadow:0 0 10px #41dfbf77}main{margin-left:244px;padding:0 42px}header{height:102px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}header p{margin:4px 0;font-weight:600}.eyebrow{font-size:10px;letter-spacing:2px;color:#72a8d0;font-weight:600}.header-right{display:flex;align-items:center;gap:14px}.pill{font-size:11px;color:#8de5ce;border:1px solid #225147;padding:6px 10px;border-radius:30px;background:#0c2725}h1{font-size:36px;letter-spacing:-1.3px;line-height:1.2;font-weight:600;margin:12px 0}h2{font-size:19px;letter-spacing:-.4px;margin:0}em{font-style:normal;color:var(--blue)}.muted{color:var(--muted);font-size:12px}.blue{color:var(--blue)}.title-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:34px 0 27px}.primary{background:linear-gradient(110deg,#29a9f7,#537cf4);border:1px solid #58b7ff;color:#031421;font-weight:700;box-shadow:0 4px 20px #189dff18}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{border:1px solid var(--line);background:linear-gradient(130deg,#142239,#0e1929);border-radius:10px;padding:21px}.stat span{display:block;color:#94a8c0;font-size:11px}.stat strong{font-size:30px;font-weight:500}.stat small{color:#61bce8;display:block;font-size:10px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:25px}.hero-card{border:1px solid #225475;background:radial-gradient(ellipse at 80% 50%,#114e78,transparent 70%),linear-gradient(110deg,#11263e,#0b182a);border-radius:12px;min-height:242px;padding:30px 36px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.hero-card h2{font-size:29px;line-height:1.2;margin-top:15px}.hero-card p{color:#91aec7;font-size:12px}.hero-card a{color:#5ac8ff;font-size:12px}.notice{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#0c1a28;border-radius:7px;padding:17px 20px;margin:19px 0 27px}.notice b{font-size:12px}.notice p{margin:2px 0;color:#8ba4ba;font-size:11px}.table-card{padding:0;overflow:hidden}.table-heading{padding:22px;display:flex;align-items:center;gap:18px}.table-heading h2{font-size:16px;flex:1}.table-heading input{max-width:200px;padding:8px 12px;font-size:12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#0c1727;color:#7893b0;font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:1px}th,td{padding:15px 20px;border-bottom:1px solid #203148}td{font-size:12px;color:#a9bfd4}td:first-child{color:#e2efff}.status{border:1px solid #25554d;color:#64d9b5;background:#10302a;padding:3px 9px;border-radius:4px;font-size:10px}.status.off{color:#edb472;background:#392b1b;border-color:#5c4527}td button{padding:4px 8px;font-size:10px;margin:2px}.table-card>p{padding:20px}footer{display:flex;gap:22px;border-top:1px solid var(--line);margin-top:38px;padding:22px 0;color:#5d7894;font-size:9px;letter-spacing:1px}footer span:last-child{margin-left:auto}#login,#module{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;min-height:70vh;padding:45px 0}.intro h1{font-size:54px}.intro>p{color:#91a8bf;max-width:370px}.login-card{padding:30px}.login-card h2{margin:12px 0 24px}.login-card .primary{width:100%;margin-top:15px}.line{width:70px;height:2px;background:var(--blue);margin:28px 0}.small{font-size:130px;margin:20px 0}dialog{background:#101e30;color:#eaf4ff;border:1px solid #345374;border-radius:12px;padding:28px;width:min(470px,94vw)}dialog::backdrop{background:#020811c9;backdrop-filter:blur(6px)}dialog .title-row{margin:0 0 20px}code{display:block;overflow-wrap:anywhere;background:#07111e;padding:20px;margin:20px 0;color:var(--blue)}#toast{position:fixed;bottom:25px;right:25px;background:#153450;border:1px solid #4389bd;max-width:440px;padding:15px 23px;border-radius:8px;z-index:9}output{display:block;color:var(--blue);margin-top:20px}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:1000px){aside{width:190px;padding:25px 14px}main{margin-left:190px;padding:0 22px}.stats{grid-template-columns:repeat(2,1fr)}#login,#module{gap:25px}.intro h1{font-size:40px}}@media(max-width:700px){aside{position:static;width:auto;border-bottom:1px solid var(--line)}.brand{font-size:17px}.workspace,.aside-foot{display:none}nav{display:flex;overflow:auto;margin-top:20px}nav button,nav a{white-space:nowrap;font-size:11px;padding:8px}main{margin:0;padding:0 18px}header{height:85px}.pill{display:none}.title-row{align-items:flex-start}h1{font-size:27px}.title-row>.primary{font-size:11px;white-space:nowrap}#login,#module{grid-template-columns:1fr;padding:25px 0}.intro h1{font-size:40px}.hero-card{padding:24px}.hero-card h2{font-size:24px}.table-heading{flex-wrap:wrap}.table-heading input{max-width:150px}footer span:nth-child(2){display:none}}
main{position:relative;z-index:1}aside{z-index:2}#device-serial{font:11px ui-monospace,monospace}dialog{z-index:5}