:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}aside{padding:28px 22px;background:#101827;color:#fff}.brand{font-size:21px;font-weight:750}.sub{margin-top:6px;color:#8fa0bd;font-size:13px}nav{display:grid;gap:8px;margin-top:38px}nav button{padding:12px 14px;border:0;border-radius:10px;background:transparent;color:#aebbd0;text-align:left;font:inherit;cursor:pointer}nav button.active{background:#246bfd;color:#fff}nav button:disabled{cursor:not-allowed;opacity:.55}main{padding:36px 42px}header{display:flex;justify-content:space-between;align-items:center}header p,.metrics p{margin:0;color:#71809a}h1{margin:5px 0 0;font-size:30px}.status{padding:9px 13px;border-radius:99px;background:#fee9e7;color:#b63c35}.status.online{background:#ddf8ea;color:#18754a}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:32px 0}.metrics article,.panel{background:#fff;border:1px solid #e5eaf2;border-radius:16px;box-shadow:0 8px 30px #1720330a}.metrics article{padding:22px}.metrics strong{display:block;margin-top:15px;font-size:34px}.panel{min-height:310px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.panel h2{font-size:24px}.panel>p{color:#71809a;max-width:650px}.eyebrow{color:#246bfd;font-weight:700}@media(max-width:800px){.shell{grid-template-columns:1fr}aside{display:none}main{padding:24px}.metrics{grid-template-columns:1fr 1fr}}.header-actions{display:flex;align-items:center;gap:10px}.logout{border:1px solid #d7deea;border-radius:9px;background:#fff;padding:9px 13px;color:#56627a}.customer-panel{margin-top:32px;padding:30px;background:#fff;border:1px solid #e5eaf2;border-radius:16px}.customer-panel h2{margin:5px 0}.page-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.page-intro>p{color:#71809a}.customer-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px}.customer-form input{height:44px;border:1px solid #d7deea;border-radius:9px;padding:0 12px;font:inherit}.customer-form button{border:0;border-radius:9px;background:#246bfd;color:#fff;padding:0 18px;font-weight:700}.form-message{color:#246bfd}.customer-list{margin-top:20px;border-top:1px solid #edf0f5}.customer-row{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:center;padding:16px 4px;border-bottom:1px solid #edf0f5}.customer-row span{color:#71809a}.badge{background:#ddf8ea!important;color:#18754a!important;padding:5px 9px;border-radius:99px}.empty-row{padding:20px 0;color:#71809a}@media(max-width:1000px){.customer-form{grid-template-columns:1fr}.page-intro{display:block}}.region-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.region-form input,.region-form select{height:44px;border:1px solid #d7deea;border-radius:9px;padding:0 12px;background:#fff;font:inherit}.region-form button{border:0;border-radius:9px;background:#246bfd;color:#fff;padding:0 20px;font-weight:700}@media(max-width:1000px){.region-form{grid-template-columns:1fr}}.device-form{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:10px}.device-form input,.device-form select{height:44px;border:1px solid #d7deea;border-radius:9px;padding:0 12px;background:#fff;font:inherit}.device-form button{border:0;border-radius:9px;background:#246bfd;color:#fff;padding:0 18px;font-weight:700}.device-row{display:grid;grid-template-columns:1fr 1.8fr 1.4fr auto;gap:14px;align-items:center;padding:16px 4px;border-bottom:1px solid #edf0f5}.device-row span{color:#71809a}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}@media(max-width:1100px){.device-form,.device-row{grid-template-columns:1fr}}.offline-badge{background:#fee9e7!important;color:#b63c35!important;padding:5px 9px;border-radius:99px}.pending-badge{background:#fff4d6!important;color:#8a6414!important;padding:5px 9px;border-radius:99px}.device-actions{display:flex;align-items:center;gap:7px}.device-actions button{border:1px solid #d7deea;background:#fff;border-radius:7px;padding:6px 9px;color:#44506a}.device-actions button.danger{color:#b63c35;border-color:#f0c8c5}.history-title{margin-top:34px}.device-row{grid-template-columns:1fr 1.6fr 1fr auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setting-list{display:grid;margin-top:24px}.setting-list div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #edf0f5}.setting-list span{color:#71809a}.password-form{display:grid;gap:12px;margin-top:24px}.password-form input{height:44px;border:1px solid #d7deea;border-radius:9px;padding:0 12px;font:inherit}.password-form button{height:44px;border:0;border-radius:9px;background:#246bfd;color:#fff;font-weight:700}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}:root{color:#e8efff;background:#07101f}body{background:radial-gradient(circle at 65% 0,#0e1c35 0,#07101f 42%,#050b16)}.shell{grid-template-columns:232px 1fr;background:transparent}aside{position:sticky;top:0;height:100vh;padding:24px 13px;background:linear-gradient(180deg,#081224,#060d19);border-right:1px solid #1d2c47}.brand{display:flex;align-items:center;gap:10px;font-size:19px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;color:#70a4ff;background:#1f5ed8;border-radius:8px;box-shadow:0 0 22px #286eff88}.sub{margin-left:38px;font-size:9px;letter-spacing:1.8px;color:#536987}nav{margin-top:34px}nav button{color:#8090aa;padding:11px 13px}nav button.active{color:#fff;background:linear-gradient(110deg,#2255c7,#326df2);box-shadow:0 8px 25px #1d55d855}main{padding:0 22px 45px;min-width:0}header{height:66px;margin:0 -22px;padding:0 24px;border-bottom:1px solid #182943;background:#07101dcc}header h1{font-size:17px;margin:2px 0}header p{font-size:11px;color:#657994}.status{background:#301b24;color:#ff7b83;border:1px solid #5c2734}.status.online{background:#102f2b;color:#5ae6ae;border-color:#185644}.logout{background:#0e192c;border-color:#263853;color:#a7b5ca}.welcome{display:flex;justify-content:space-between;align-items:center;padding:24px 0 18px}.welcome h2{font-size:25px;margin:0}.welcome p{margin:7px 0 0;color:#778aa7}.clock-card{display:flex;align-items:center;gap:12px;min-width:205px;padding:13px 18px;border:1px solid #223553;border-radius:12px;background:#0b1729}.clock-card>span{font-size:25px;color:#78a7ff}.clock-card div{display:grid}.clock-card small{color:#7386a3;margin-top:3px}.metrics{margin:0 0 18px;gap:15px}.metrics article{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:125px;padding:20px;background:linear-gradient(145deg,#0e1a2e,#0a1425);border:1px solid #213454;border-radius:12px;box-shadow:inset 0 -1px #3476ff}.metrics article:after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:2px;background:#397cff;box-shadow:0 0 13px #397cff}.metrics .metric-1:after{background:#b05cff;box-shadow:0 0 13px #b05cff}.metrics .metric-2:after{background:#4bdeb0;box-shadow:0 0 13px #4bdeb0}.metrics .metric-3:after{background:#ffbe45;box-shadow:0 0 13px #ffbe45}.metrics strong{font-size:29px;margin-top:9px}.metrics small{display:block;margin-top:8px;color:#657994}.metric-icon{font-size:36px;color:#4a86ff;text-shadow:0 0 18px #3c76ff}.metric-1 .metric-icon{color:#b05cff}.metric-2 .metric-icon{color:#4bdeb0}.metric-3 .metric-icon{color:#ffbe45}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1.25fr .9fr;gap:16px}.tech-panel{min-height:270px;padding:18px;background:linear-gradient(145deg,#0c192d,#091425);border:1px solid #213552;border-radius:12px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;border-bottom:1px solid #263a57}.panel-head h3{margin:0;font-size:15px}.panel-head span{font-size:10px;color:#6681a8}.status-body{height:210px;display:flex;align-items:center;justify-content:space-around}.donut{width:150px;height:150px;border:22px solid #162947;border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:0 0 30px #0e2a55 inset}.donut strong{font-size:27px}.donut span{font-size:11px;color:#8da0bd}.legend{min-width:150px}.legend p{display:flex;align-items:center;gap:8px;color:#91a1b8}.legend b{margin-left:auto;color:#fff}.legend i{width:8px;height:8px;border-radius:50%}.green-dot{background:#51dda8}.red-dot{background:#ff626a}.blue-dot{background:#5c85cc}.digital-map{position:relative;height:210px;display:grid;place-content:center;text-align:center;color:#47658f;overflow:hidden}.digital-map:before{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;background:radial-gradient(ellipse,#1b4a8655,transparent 64%),repeating-linear-gradient(0deg,transparent 0 18px,#19345444 19px),repeating-linear-gradient(90deg,transparent 0 28px,#19345444 29px);clip-path:polygon(6% 33%,22% 17%,37% 28%,48% 14%,63% 25%,78% 18%,94% 38%,82% 55%,68% 51%,58% 75%,44% 60%,29% 73%,17% 54%)}.digital-map span{position:relative;margin-top:160px;font-size:11px}.overview-list p{display:flex;justify-content:space-between;padding:12px 2px;margin:0;border-bottom:1px solid #192b45;color:#92a3bd}.overview-list b{color:#fff}.overview-list .ok{color:#4ce0a5}.trend-panel{grid-column:1}.recent-panel{grid-column:2}.trend-chart{position:relative;height:190px;display:flex;align-items:end;justify-content:space-between;padding:0 12px 20px;color:#607695;font-size:10px;background:repeating-linear-gradient(0deg,transparent 0 36px,#172b4755 37px),repeating-linear-gradient(90deg,transparent 0 70px,#172b4733 71px)}.trend-chart i{position:absolute;left:12px;right:12px;bottom:42px;height:2px;background:#4f9cff;box-shadow:0 0 10px #4f9cff}.empty-tech{height:190px;display:grid;place-content:center;text-align:center;color:#2f4e79;font-size:52px}.empty-tech p{font-size:12px;color:#687c9b}.customer-panel,.settings-grid .customer-panel{background:linear-gradient(145deg,#0d192c,#091423);border-color:#213552;color:#e8efff}.page-intro>p,.customer-row span,.empty-row,.setting-list span{color:#7f91ad}.customer-form input,.region-form input,.region-form select,.device-form input,.device-form select,.password-form input{background:#081321;border-color:#293c59;color:#e8efff}.customer-list,.customer-row,.device-row,.setting-list div{border-color:#1b2c46}.customer-form button,.region-form button,.device-form button,.password-form button{background:linear-gradient(110deg,#2255c7,#3274ff)}@media(max-width:1150px){.dashboard-grid{grid-template-columns:1fr 1fr}.overview-panel{grid-column:1/-1}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:760px){.dashboard-grid,.metrics{grid-template-columns:1fr}.map-panel,.trend-panel,.recent-panel{grid-column:auto}.welcome{align-items:flex-start}.clock-card{display:none}}.brand-logo-wrap{height:98px;display:flex;align-items:center;justify-content:center;margin:-12px -8px 0;overflow:hidden;background:transparent}.brand-logo{width:210px;height:140px;object-fit:contain;transform:scale(1.42);filter:drop-shadow(0 0 10px #087dff55)}.brand-logo-wrap+nav{margin-top:12px}.api-link{color:#8fa6c8;text-decoration:none;font-size:12px;padding:8px 10px;border:1px solid #263853;border-radius:8px}.alert-bell{position:relative;width:36px;height:36px;border:1px solid #263853;border-radius:9px;background:#0e192c;color:#9db2d3}.alert-bell svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.alert-bell b{position:absolute;right:-5px;top:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#f0525c;color:#fff;font-size:10px;line-height:17px}.customer-entry,.device-entry{width:100%;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer}.customer-entry:hover,.device-entry:hover{background:#10213a}.back-button{margin-bottom:18px;border:1px solid #29405f;background:#0a1728;color:#8eabd5;padding:8px 12px;border-radius:8px}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.detail-stats article,.device-detail-grid article{padding:18px;background:#0a1728;border:1px solid #203553;border-radius:10px}.detail-stats span,.device-detail-grid span{display:block;color:#7186a5;font-size:12px}.detail-stats strong{display:block;margin-top:8px;font-size:25px}.device-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.device-detail-grid strong{display:block;margin-top:9px}@media(max-width:900px){.detail-stats,.device-detail-grid{grid-template-columns:1fr 1fr}}.brand-logo-wrap{height:150px;align-items:flex-start;margin:-12px -8px 0;overflow:visible;pointer-events:none}.brand-logo{width:310px;height:207px;flex:none;margin-top:-28px;transform:none}.brand-logo-wrap+nav{margin-top:2px}.metrics article{cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.metrics article:hover,.metrics article:focus{transform:translateY(-3px);border-color:#3e75c8;box-shadow:0 10px 30px #02081299,inset 0 -1px #3476ff;outline:none}.china-map{height:220px;width:100%;background:radial-gradient(ellipse at center,#12396855,transparent 67%)}.region-form{grid-template-columns:1.2fr repeat(3,1fr) auto}.region-form select:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.region-form{grid-template-columns:1fr 1fr}}@media(max-width:700px){.region-form{grid-template-columns:1fr}}.login-page{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;isolation:isolate;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-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}.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)}}.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 .login-submit:disabled{opacity:.6;cursor:wait}.login-card .error{color:#ff9ba2;background:#49162699;border:1px solid #8f2d43;padding:10px;border-radius:8px}@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}.login-card{padding:30px 24px 34px}.login-brand img{width:285px}.login-page{padding:18px}}