:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f6f8fc}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:0 28px 60px}header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;color:#6d7890}.brand{font-size:20px;font-weight:800;color:#172033}.hero{padding:70px 0 36px}.hero h1{font-size:44px;margin:8px 0 14px}.hero>p:last-child{color:#6d7890;max-width:660px;line-height:1.7}.eyebrow{color:#246bfd;font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article,.empty{background:#fff;border:1px solid #e2e8f0;border-radius:16px}.cards article{padding:24px}.cards span{color:#6d7890}.cards strong{display:block;font-size:34px;margin-top:16px}.green{color:#16845b}.red{color:#d54a48}.empty{margin-top:20px;min-height:260px;padding:30px;display:grid;place-content:center;text-align:center}.empty p{color:#6d7890}@media(max-width:700px){.cards{grid-template-columns:1fr}.hero h1{font-size:34px}}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#eff4ff,#f8fbff)}.login-card{width:min(420px,100%);background:#fff;padding:34px;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 25px 70px #34517b18}.login-card h1{font-size:34px;margin:7px 0}.login-card>p{color:#6d7890}.login-card label{display:grid;gap:8px;margin-top:16px;font-weight:650;color:#44506a}.login-card input{height:46px;border:1px solid #ced6e3;border-radius:10px;padding:0 13px;font:inherit}.login-card button{width:100%;height:48px;margin-top:24px;border:0;border-radius:11px;background:#246bfd;color:#fff;font:inherit;font-weight:750}.login-card .error{color:#c43f3b;background:#fff0ef;padding:10px;border-radius:8px}.logout{border:1px solid #d7deea;border-radius:9px;background:#fff;padding:9px 13px;color:#56627a}.device-list{display:grid;gap:14px;margin-top:20px}.device-list>article{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px}.device-list h2{margin:5px 0}.device-list div>span{color:#6d7890}.device-metrics{display:flex;gap:30px;align-items:center}.device-metrics span{display:grid;gap:6px;font-size:12px}.device-metrics strong{color:#172033;font-size:15px}.device-metrics b{padding:7px 11px;border-radius:99px}.online{background:#ddf8ea;color:#18754a}.offline{background:#fee9e7;color:#b63c35}@media(max-width:800px){.device-list>article,.device-metrics{display:grid;gap:14px}}.login-page{position:relative;isolation:isolate;min-height:100vh;display:grid;place-items:center;padding:32px 20px;overflow:hidden;color:#dcecff;background:radial-gradient(circle at 50% 45%,#07346c88 0,#021a35 27%,#020b18 67%,#010711)}.login-page:before{content:"";position:absolute;z-index:-4;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 42px,#0b66b51c 43px),repeating-linear-gradient(90deg,transparent 0 65px,#0b66b514 66px)}.login-page:after{content:"";position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(transparent 50%,#00122622 50%);background-size:100% 4px;mix-blend-mode:screen}.code-grid{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,#0597ff13 50%,transparent),radial-gradient(ellipse at center,transparent 22%,#010611d9 86%)}.code-stream{position:absolute;z-index:-2;width:31vw;min-width:360px;margin:0;color:#08a9ff;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;opacity:.68;text-shadow:0 0 8px #008cff;filter:drop-shadow(0 0 12px #0068c044)}.stream-left{left:2.5%;top:5%}.stream-right{right:2.5%;top:18%}.binary-rain{position:absolute;z-index:-3;top:-10%;right:0;bottom:-10%;left:0;color:#0569b8;font:16px/2.1 ui-monospace,monospace;letter-spacing:12px;overflow:hidden;opacity:.32;word-break:break-all;writing-mode:vertical-rl;animation:rain 20s linear infinite}@keyframes rain{to{transform:translateY(120px)}}.login-card{position:relative;width:min(500px,100%);padding:36px 52px 42px;border:1px solid #1683df;border-radius:22px;background:linear-gradient(155deg,#061a33e8,#020d1eeb);box-shadow:0 0 0 1px #05274b inset,0 0 60px #007cff33,0 34px 90px #000b;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.login-card:before{content:"";position:absolute;left:18%;right:18%;top:-1px;height:2px;background:#5bd5ff;box-shadow:0 0 16px 3px #168cff}.login-brand{height:120px;display:grid;place-items:center;overflow:hidden}.login-brand img{width:330px;height:220px;object-fit:contain;margin-top:-42px;filter:drop-shadow(0 0 13px #079cff66)}.login-card h1{margin:-2px 0 6px;text-align:center;font-size:20px;letter-spacing:5px;color:#eaf5ff}.login-card .login-note{text-align:center;color:#6384aa;font-size:12px;letter-spacing:2px;margin:0 0 28px}.login-card .login-field{height:58px;display:flex;align-items:center;gap:13px;margin-top:16px;padding:0 18px;border:1px solid #174b7c;border-radius:10px;background:#061a32cc;color:#55adff;transition:border-color .2s,box-shadow .2s}.login-card .login-field:focus-within{border-color:#2698ff;box-shadow:0 0 18px #057cff38}.login-field span{font-size:21px}.login-card .login-field input{min-width:0;flex:1;height:54px;border:0;outline:0;padding:0;background:transparent;color:#e5f2ff;font:16px inherit}.login-card .login-field input::placeholder{color:#6682a6}.login-card .password-toggle{width:19px;height:19px;flex:0 0 19px;display:grid;place-items:center;margin:0;padding:0;border:1px solid #3589d7;border-radius:3px;background:#061a32;color:#79d7ff;box-shadow:none;font:700 14px/1 sans-serif;letter-spacing:0;cursor:pointer}.login-card .password-toggle.checked{border-color:#4cc7ff;background:#0b6bc3;box-shadow:0 0 12px #149cff88}.login-card .login-submit{width:100%;height:56px;margin-top:24px;border:1px solid #4296ff;border-radius:9px;background:linear-gradient(115deg,#1675e9,#225df0);box-shadow:0 8px 30px #075fff55,inset 0 1px #7cc4ff66;color:#fff;font:inherit;font-size:18px;font-weight:750;letter-spacing:6px;cursor:pointer}.login-card .login-submit:hover{filter:brightness(1.12)}.login-card .error{color:#ff9ba2;background:#49162699;border:1px solid #8f2d43;padding:10px;border-radius:8px}@media(max-width:720px){.code-stream{opacity:.25;font-size:9px;width:70vw}.stream-left{left:-25%}.stream-right{right:-28%}.login-card{padding:30px 24px 34px}.login-brand img{width:285px}.login-page{padding:18px}}.code-column{position:absolute;z-index:-2;top:0;bottom:0;width:40vw;min-width:470px;display:flex;gap:18px;overflow:hidden;color:#08a9ff;opacity:.65;text-shadow:0 0 8px #008cff;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent)}.code-column.stream-left{left:2%}.code-column.stream-right{right:2%}.code-track{width:calc(50% - 9px);height:200vh;flex:0 0 calc(50% - 9px);align-self:flex-start;animation:code-flow 8s linear infinite;will-change:transform;backface-visibility:hidden}.code-track pre{width:100%;height:100vh;min-height:100vh;margin:0;padding:18px 0;overflow:hidden;color:inherit;font:8px/1.33 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;filter:drop-shadow(0 0 10px #0068c055)}.binary-rain{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-around;overflow:hidden;opacity:.38;writing-mode:initial;animation:none;letter-spacing:1px}.binary-column{width:21px;height:100%;overflow:hidden;color:#087bc8;font:17px/1.42 ui-monospace,monospace;text-shadow:0 0 8px #007fe8}.binary-track{animation:binary-flow 11.5s linear infinite;will-change:transform;backface-visibility:hidden}.binary-track span{display:block;min-height:100vh;word-break:break-all}@keyframes code-flow{0%{transform:translateZ(0)}to{transform:translate3d(0,-50%,0)}}@keyframes binary-flow{0%{transform:translateZ(0)}to{transform:translate3d(0,-50%,0)}}@media(max-width:720px){.code-column{width:72vw;min-width:0;opacity:.28}.code-column.stream-left{left:-28%}.code-column.stream-right{right:-30%}.code-track pre{font-size:9px}.binary-rain{opacity:.24}}