@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%}body{color:#fff;background:#030b16;font-family:Inter,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #00c8ff}.login-page{background:radial-gradient(circle at 20% 20%,#0084ff21,#0000 30%),radial-gradient(circle at 80% 75%,#52ff0012,#0000 28%),#030b16;justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.tech-grid{pointer-events:none;opacity:.28;background-image:linear-gradient(#0088ff12 1px,#0000 1px),linear-gradient(90deg,#0088ff12 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.login-wrapper{z-index:2;width:100%;max-width:450px;padding:35px 20px;position:relative}.brand{text-align:center;margin-bottom:25px}.brand-logo{object-fit:contain;filter:drop-shadow(0 0 15px #0084ff59)drop-shadow(0 0 20px #5cff001f);width:210px;max-width:75%;height:auto;margin:0 auto 10px;display:block}.brand-line{justify-content:center;align-items:center;gap:9px;display:flex}.brand-line span{background:#168cff;border-radius:10px;width:45px;height:2px;box-shadow:0 0 10px #0088ffa6}.brand-line span:last-child{background:#8dff00;box-shadow:0 0 10px #8dff008c}.brand-line p{color:#9eb4ca;letter-spacing:1.8px;font-size:9px;font-weight:700}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0b2039f0,#05111ff0);border:1px solid #00aeff40;border-radius:22px;padding:30px;position:relative;box-shadow:0 30px 80px #0000008c,0 0 35px #007bff17}.login-card:before{content:"";background:linear-gradient(90deg,#0000,#00c8ff,#0000);height:2px;position:absolute;top:-1px;left:15%;right:15%;box-shadow:0 0 15px #0af}.login-header{text-align:center;margin-bottom:24px}.login-icon{color:#00d5ff;background:#008bff1a;border:1px solid #00c1ff47;border-radius:16px;justify-content:center;align-items:center;width:55px;height:55px;margin:0 auto 13px;font-size:31px;display:flex;box-shadow:0 0 25px #00aeff1a}.login-header h1{letter-spacing:1px;font-size:23px;font-weight:800}.login-header p{color:#829bb5;margin-top:8px;font-size:12px;line-height:1.6}.input-group{height:55px;margin-bottom:14px;position:relative}.input-group input{color:#fff;background:#010c18b3;border:1px solid #77a1c338;border-radius:12px;outline:none;width:100%;height:100%;padding:0 48px;transition:all .25s}.input-group input::placeholder{color:#66809b}.input-group input:focus{border-color:#008dff;box-shadow:0 0 0 2px #008dff14,0 0 20px #008dff1f}.input-symbol{z-index:2;opacity:.75;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.password-toggle{z-index:2;color:#86a0ba;background:0 0;border:0;font-size:20px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-options{color:#8299b0;justify-content:space-between;align-items:center;margin:7px 1px 20px;font-size:11px;display:flex}.login-options label{align-items:center;gap:7px;display:flex}.login-options input{accent-color:#008cff}.login-options button{color:#00c8ff;background:0 0;border:0;font-size:11px}.login-button{color:#fff;letter-spacing:.8px;background:linear-gradient(100deg,#006eff,#009fff 55%,#72d800);border:0;border-radius:11px;width:100%;height:53px;font-size:14px;font-weight:800;transition:all .2s;box-shadow:0 8px 28px #0080ff38}.login-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0080ff57}.login-button:disabled{opacity:.65;cursor:wait}.login-footer{text-align:center;color:#607890;margin-top:20px;font-size:10px;line-height:1.7}.login-footer span{color:#47637c;display:block}.portal{background:#030b16;min-height:100svh;display:flex;position:relative;overflow:hidden}.portal-bg{pointer-events:none;background:radial-gradient(circle at 85% 15%,#007dff1c,#0000 25%),radial-gradient(circle at 50% 100%,#5bff0009,#0000 30%);position:fixed;inset:0}.sidebar{z-index:5;background:#04111ff5;border-right:1px solid #009bff1f;flex-direction:column;flex-shrink:0;width:245px;min-height:100vh;padding:25px 15px;display:flex;position:relative}.sidebar-brand{justify-content:center;padding:5px 10px 30px;display:flex}.sidebar-brand img{object-fit:contain;width:150px;max-width:100%;height:auto}.sidebar nav{flex-direction:column;gap:7px;display:flex}.sidebar nav button,.logout-button{color:#7791aa;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:13px;width:100%;height:48px;padding:0 15px;transition:all .2s;display:flex}.sidebar nav button span,.logout-button{font-size:18px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#007bff26,#007bff08);border-color:#0097ff2e;box-shadow:inset 3px 0 #008cff}.logout-button{color:#6e879f;margin-top:auto}.logout-button:hover{color:#f67}.sidebar-footer{color:#547087;border-top:1px solid #ffffff0d;padding:20px 10px 0;font-size:9px;line-height:1.7}.sidebar-footer span,.sidebar-footer small{display:block}.sidebar-footer span{color:#7e9ab3;font-weight:700}.portal-content{z-index:2;flex:1;min-width:0;position:relative;overflow-y:auto}.topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#030d19bf;border-bottom:1px solid #009bff14;justify-content:flex-end;align-items:center;height:75px;padding:0 35px;display:flex}.mobile-logo{display:none}.topbar-right{align-items:center;gap:22px;display:flex}.notification{color:#7e9bb6;background:0 0;border:0;font-size:20px}.customer{align-items:center;gap:10px;display:flex}.avatar{background:#0b2947;border:1px solid #00a6ff40;border-radius:50%;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.customer strong,.customer small{display:block}.customer strong{color:#e9f3ff;font-size:12px}.customer small{color:#66829d;margin-top:2px;font-size:9px}.customer>span{color:#617b94;margin-left:5px}.content{width:100%;max-width:1250px;margin:0 auto;padding:35px}.welcome{margin-bottom:25px}.welcome h1{font-size:25px;font-weight:700}.welcome p{color:#66819b;margin-top:6px;font-size:12px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.status-card,.speed-card,.wifi-card,.devices-card,.form-card,.full-device-list,.settings-card{background:linear-gradient(145deg,#091d32ed,#05111ef0);border:1px solid #0094ff26;border-radius:17px;box-shadow:0 18px 45px #0000002e}.status-card,.speed-card{min-height:155px;padding:24px;position:relative;overflow:hidden}.status-card:after,.speed-card:after{content:"";border:1px solid #00aaff1a;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-70px;right:-50px}.card-label{color:#6c88a1;text-transform:uppercase;letter-spacing:1px;font-size:10px}.status-card h2{color:#fff;margin-top:12px;font-size:23px}.status-card h2 i{background:#72e900;border-radius:50%;width:8px;height:8px;margin-left:7px;display:inline-block;box-shadow:0 0 12px #72e900}.status-card p{color:#66829c;margin-top:7px;font-size:10px}.world-effect{color:#00bfff;opacity:.16;font-size:65px;position:absolute;top:35px;right:35px}.speed-card{justify-content:space-between;display:flex}.speed-card h2{margin-top:12px;font-size:25px}.speed-card h2 small{color:#68859f;font-size:10px;font-weight:500}.speed-info{color:#6d8ba4;gap:15px;margin-top:12px;font-size:9px;display:flex}.speed-info span:first-child{color:#00c8ff}.speed-gauge{border:7px solid #0af;border-color:#0af #00d9ff #00a4ff17 #00a4ff17;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:100px;height:100px;display:flex}.gauge-value{color:#00caff;font-size:24px}.wifi-card{margin-bottom:18px;padding:23px}.wifi-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding-bottom:17px;display:flex}.wifi-icon,.large-icon{color:#00c8ff;text-shadow:0 0 12px #00c8ff73;font-size:25px}.wifi-header h2{font-size:14px}.wifi-details{grid-template-columns:1fr 1fr;gap:35px;padding-top:20px;display:grid}.wifi-details label{color:#64809a;text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px;font-size:9px;display:block}.wifi-details strong{color:#eaf5ff;font-size:14px;display:block}.wifi-details button{color:#00bfff;background:0 0;border:0;margin-top:12px;font-size:9px}.wifi-actions{gap:14px;display:flex}.green-button{color:#83ec00!important}.devices-card{padding:22px}.section-title{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-title h2{font-size:14px}.section-title h2 span{color:#00bfff;margin-left:5px}.section-title button{color:#00bfff;background:0 0;border:0;font-size:10px}.device-list{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.device-row{background:#020d198c;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:11px;padding:11px;display:flex}.device-icon{background:#0a223b;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;font-size:17px;display:flex}.device-row div{flex:1;min-width:0}.device-row strong,.device-row small{display:block}.device-row strong{color:#dcecff;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.device-row small{color:#58738b;margin-top:3px;font-size:8px}.device-status{color:#6de400;white-space:nowrap;font-size:8px}.page-section{max-width:850px}.page-heading{align-items:center;gap:15px;margin-bottom:25px;display:flex}.page-heading h1{font-size:24px}.page-heading p{color:#68839c;margin-top:5px;font-size:11px}.form-card{padding:28px}.form-card>label{color:#7792aa;margin:0 0 8px;font-size:10px;display:block}.form-card>label:not(:first-child){margin-top:20px}.portal-input{background:#010c18a6;border:1px solid #0097ff2e;border-radius:10px;align-items:center;height:52px;display:flex}.portal-input input{color:#fff;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 15px}.portal-input span,.portal-input button{color:#00c8ff;background:0 0;border:0;margin-right:15px}.save-button{color:#fff;background:linear-gradient(100deg,#0074ff,#00a9ff,#5ecb00);border:0;border-radius:10px;width:100%;height:50px;margin-top:25px;font-size:12px;font-weight:800;box-shadow:0 8px 25px #0082ff33}.info-box{background:#0084ff0a;border:1px solid #00aeff1a;border-radius:10px;margin-top:17px;padding:13px}.info-box strong{color:#00c8ff;font-size:10px}.info-box p{color:#617d96;margin-top:5px;font-size:9px;line-height:1.6}.full-device-list{padding:8px}.full-device{border-bottom:1px solid #ffffff0a;align-items:center;gap:15px;padding:15px;display:flex}.full-device:last-child{border-bottom:0}.device-big-icon{background:#0a223b;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:22px;display:flex}.full-device-info{flex:1}.full-device-info strong,.full-device-info span{display:block}.full-device-info strong{color:#e6f3ff;font-size:12px}.full-device-info span{color:#59758e;margin-top:3px;font-size:9px}.settings-card{padding:5px 22px}.settings-card div{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:18px 0;display:flex}.settings-card div:last-child{border-bottom:0}.settings-card strong{color:#cfe2f5;font-size:11px}.settings-card span{color:#6d8ba4;font-size:10px}.bottom-nav{display:none}@media (max-width:900px){.sidebar{width:205px}.content{padding:25px}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:650px){.portal{min-height:100svh;padding-bottom:70px;display:block}.sidebar{display:none}.portal-content{min-height:calc(100svh - 70px)}.topbar{justify-content:space-between;height:62px;padding:0 15px}.mobile-logo{display:block}.mobile-logo img{object-fit:contain;width:105px;max-height:35px}.topbar-right{gap:9px}.notification{font-size:17px}.customer>div:not(.avatar),.customer>span{display:none}.avatar{width:33px;height:33px}.content{padding:20px 14px 25px}.welcome{margin-bottom:18px}.welcome h1{font-size:18px;line-height:1.4}.welcome p{font-size:10px}.dashboard-grid{gap:10px;margin-bottom:10px}.status-card,.speed-card{min-height:125px;padding:18px}.status-card h2,.speed-card h2{font-size:19px}.world-effect{font-size:50px;top:28px;right:22px}.speed-gauge{border-width:5px;width:73px;height:73px}.gauge-value{font-size:18px}.wifi-card,.devices-card{border-radius:14px;margin-bottom:10px;padding:17px}.wifi-details{padding-top:16px;display:block}.wifi-details>div+div{margin-top:18px}.wifi-actions{flex-wrap:wrap;gap:8px}.device-list{grid-template-columns:1fr}.device-row{padding:10px}.page-heading h1{font-size:19px}.page-heading p{font-size:9px}.form-card{padding:18px}.full-device{padding:12px 8px}.full-device-info span{font-size:8px}.bottom-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030d19f5;border-top:1px solid #009bff26;grid-template-columns:repeat(4,1fr);height:67px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#526e87;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.bottom-nav button span{font-size:18px}.bottom-nav button small{font-size:8px}.bottom-nav button.active{color:#00c8ff;text-shadow:0 0 10px #00c8ff80}.login-wrapper{max-width:410px;padding:25px 15px}.brand-logo{width:175px}.login-card{border-radius:18px;padding:25px 19px}.login-header h1{font-size:20px}.login-header p{font-size:11px}}@media (max-width:380px){.content{padding-left:11px;padding-right:11px}.welcome h1{font-size:17px}.status-card,.speed-card{min-height:115px;padding:15px}.status-card h2,.speed-card h2{font-size:17px}.speed-gauge{width:62px;height:62px}.wifi-details strong{font-size:13px}.brand-logo{width:155px}}.portal-page{color:#fff;background:radial-gradient(circle at 85% 10%,#0084ff1f,#0000 28%),radial-gradient(circle at 10% 90%,#72e9000b,#0000 25%),#030b16;min-height:100svh;position:relative;overflow-x:hidden}.portal-glow{pointer-events:none;filter:blur(100px);opacity:.18;border-radius:50%;width:420px;height:420px;position:fixed}.glow-one{background:#007cff;top:-180px;right:-120px}.glow-two{background:#5bd600;bottom:-220px;left:-150px}.portal-container{z-index:2;width:min(1120px,100% - 40px);margin:0 auto;padding:25px 0 35px;position:relative}.portal-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#051424d1;border:1px solid #00a0ff24;border-radius:18px;justify-content:space-between;align-items:center;min-height:72px;padding:12px 20px;display:flex;box-shadow:0 15px 45px #00000047}.portal-brand{align-items:center;gap:14px;display:flex}.portal-logo{object-fit:contain;width:105px;height:auto}.portal-brand-name{letter-spacing:1px;font-size:15px;font-weight:800}.portal-slogan{color:#607c96;letter-spacing:1.4px;margin-top:4px;font-size:8px}.blue{color:#009cff}.white{color:#fff}.green{color:#83e600}.header-status{color:#75e800;letter-spacing:1px;align-items:center;gap:8px;font-size:9px;font-weight:800;display:flex}.online-dot{background:#71e500;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #71e500cc}.online-dot.large{width:9px;height:9px;margin-right:7px}.welcome-section{justify-content:space-between;align-items:flex-end;gap:25px;margin:38px 5px 25px;display:flex}.welcome-label{color:#0af;letter-spacing:2px;font-size:9px;font-weight:800}.welcome-section h1{letter-spacing:-.8px;margin-top:9px;font-size:clamp(28px,5vw,42px);line-height:1.08}.welcome-section h1 span{color:#00c8ff;text-shadow:0 0 25px #00c8ff2e}.welcome-section p{color:#69839c;margin-top:12px;font-size:11px}.customer-id-card{background:#07192bb8;border:1px solid #00a0ff29;border-radius:14px;min-width:180px;padding:16px 18px}.customer-id-card span,.customer-id-card small{display:block}.customer-id-card span{color:#5d7892;letter-spacing:1.3px;font-size:8px}.customer-id-card strong{color:#00c8ff;margin-top:7px;font-size:17px;display:block}.customer-id-card small{color:#718aa2;margin-top:4px;font-size:9px}.connection-card{background:linear-gradient(135deg,#08223af2,#04121ff5);border:1px solid #00a5ff2e;border-radius:18px;grid-template-columns:62px 1fr auto;align-items:center;gap:18px;padding:22px;display:grid;box-shadow:0 18px 50px #00000040}.connection-icon{background:#009dff1a;border:1px solid #00beff2e;border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;font-size:27px;display:flex;box-shadow:0 0 25px #00a0ff14}.section-label{color:#62809a;letter-spacing:1.5px;font-size:8px;font-weight:700}.connection-info h2{color:#f3fbff;align-items:center;margin-top:7px;font-size:16px;display:flex}.connection-info p{color:#648099;margin-top:6px;font-size:9px}.connection-modem{border-left:1px solid #ffffff0f;min-width:145px;padding-left:20px}.connection-modem span,.connection-modem small{display:block}.connection-modem span{color:#5e7992;letter-spacing:1px;font-size:8px}.connection-modem strong{color:#e7f5ff;margin-top:6px;font-size:13px;display:block}.connection-modem small{color:#00bfff;margin-top:3px;font-size:9px}.section-title{color:#6c879f;letter-spacing:2px;align-items:center;gap:12px;margin:28px 4px 13px;font-size:8px;font-weight:800;display:flex}.section-title span{background:linear-gradient(90deg,#0000,#0096ff2e);flex:1;height:1px}.section-title span:last-child{background:linear-gradient(90deg,#0096ff2e,#0000)}.action-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.action-card{text-align:left;color:#fff;background:linear-gradient(145deg,#091f35f2,#04111df2);border:1px solid #0099ff26;border-radius:16px;align-items:center;gap:15px;width:100%;min-height:105px;padding:18px;transition:all .22s;display:flex;position:relative;box-shadow:0 15px 35px #0003}.action-card:hover{border-color:#00b1ff59;transform:translateY(-3px);box-shadow:0 18px 45px #007eff1f}.action-icon{background:#0090ff1a;border:1px solid #00aeff26;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.device-card .action-icon{background:#74e50012;border-color:#74e5001f}.action-content{flex:1;min-width:0}.action-content strong,.action-content span,.action-content small{display:block}.action-content strong{letter-spacing:.5px;font-size:14px}.action-content span{color:#00bfff;margin-top:3px;font-size:9px}.device-card .action-content span{color:#82df00}.action-content small{color:#617c94;margin-top:7px;font-size:8px}.action-arrow{color:#00bfff;font-size:20px}.modem-card{background:#07192ac7;border:1px solid #0096ff21;border-radius:16px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;padding:21px;display:grid}.modem-item span{color:#5d7890;letter-spacing:1px;font-size:8px;display:block}.modem-item strong{color:#e5f3ff;align-items:center;gap:7px;margin-top:7px;font-size:12px;display:flex}.status-text{color:#78e700!important}.modem-divider{background:#ffffff0f;width:1px;height:32px;margin:0 25px}.portal-container>.logout-button{color:#8793a0;background:#ff324606;border:1px solid #ff4b5f21;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:130px;height:40px;margin:25px auto 0;font-size:9px;font-weight:700;transition:all .2s;display:flex}.portal-container>.logout-button:hover{color:#ff6978;background:#ff32460f;border-color:#ff4b5f4d}.portal-footer{text-align:center;color:#40566b;border-top:1px solid #ffffff0b;margin-top:28px;padding-top:17px;font-size:8px;line-height:1.8}.portal-footer span{color:#33495d;letter-spacing:1px;display:block}@media (max-width:700px){.portal-container{width:min(100% - 24px,560px);padding-top:12px}.portal-header{border-radius:14px;min-height:62px;padding:9px 12px}.portal-logo{width:78px}.portal-brand{gap:9px}.portal-brand-name{font-size:11px}.portal-slogan{font-size:6px}.header-status{font-size:7px}.welcome-section{flex-direction:column;align-items:stretch;margin:27px 3px 20px}.welcome-section h1{font-size:30px}.customer-id-card{min-width:0}.connection-card{grid-template-columns:48px 1fr;gap:13px;padding:16px}.connection-icon{width:48px;height:48px;font-size:22px}.connection-info h2{font-size:13px}.connection-modem{border-top:1px solid #ffffff0f;border-left:0;grid-column:1/-1;padding:12px 0 0}.action-grid{grid-template-columns:1fr}.action-card{min-height:92px}.modem-card{grid-template-columns:1fr;gap:17px}.modem-divider{width:100%;height:1px;margin:0}.portal-footer{margin-bottom:10px}}