:root{--ink:#153a38;--muted:#69817f;--accent:#17655a;--line:#ffffffbb;--shadow:0 16px 42px #4269630a,0 2px 6px #42696305;--glass:linear-gradient(135deg,#ffffffd9,#ffffff7d);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;background:#edf3f3}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 84% 9%,#dbdbed88,transparent 40%),radial-gradient(ellipse at 12% 55%,#cbe6d666,transparent 40%);line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:clamp(30px,3.8vw,43px);font-weight:550;letter-spacing:-1.9px;line-height:1.16}h2{font-size:20px;font-weight:600;letter-spacing:-.5px}h3{font-weight:600}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #70b5a6;outline-offset:4px}input,select{min-height:48px;border:1px solid #cfdfdc;background:#ffffffa6;border-radius:13px;color:var(--ink);padding:12px 15px;width:100%;outline-offset:2px}input::placeholder{color:#879996}label{display:block;font-size:12px;font-weight:600;margin:18px 0 8px}input[type=checkbox]{width:auto;min-height:0}button{transition:background .2s,transform .2s}button:active{transform:translateY(1px)}[hidden]{display:none!important}.glass{background:var(--glass);border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow),inset 0 1px 0 #fff8;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.ambient{position:fixed;z-index:-1;filter:blur(60px);border-radius:50%;pointer-events:none}.ambient-one{width:400px;height:400px;background:#b3ded333;left:-120px;top:100px}.ambient-two{width:500px;height:500px;background:#d8d3e650;right:-150px;top:300px}.shell{max-width:1112px;margin:auto;padding:0 44px 125px}.topbar{height:108px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cbdad880;margin-bottom:34px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:750;letter-spacing:1.5px}.brand-mark{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--ink);border-radius:13px;color:white;font-size:24px;letter-spacing:-4px;padding-right:4px;box-shadow:0 3px 8px #183f3815}.brand-mark span{color:#a4d6bd;margin-top:-10px}.brand-sub{display:block;font-size:8px;letter-spacing:2.4px;color:var(--muted);font-weight:600;margin-top:0}.header-right{display:flex;align-items:center;gap:16px}.portal-label{font-size:12px;color:var(--muted)}.avatar{border-radius:50%;width:39px;height:39px;background:#d5e7df;border:3px solid #ffffffbd;color:#285e50;font-size:14px;font-weight:650}.avatar.large{width:62px;height:62px;display:grid;place-items:center;font-size:23px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 29px}.page-heading p{color:var(--muted);margin-top:11px}.eyebrow{display:block;font-size:9px;letter-spacing:1.9px;font-weight:700;color:#73918a;margin-bottom:10px}.greeting-dot{color:#72a58c}.primary,.dark,.soft,.danger{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:13px;padding:12px 20px;font-weight:600;font-size:12px}.primary{background:#216959;color:white;box-shadow:0 5px 15px #235a4220}.primary:hover{background:#164c40}.dark{background:var(--ink);color:#fff}.soft{background:#ffffffa8;border:1px solid #fff;color:#3f6660}.soft:hover{background:#fff}.danger{color:#a14843;background:#fae9e380;border:1px solid #efcdc080}.compact{min-height:40px;padding:9px 14px;white-space:nowrap}.compact svg{width:16px;height:16px}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.connection-card{padding:25px 28px 0;min-height:290px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 25%,#d1e8df65,transparent 66%),var(--glass)}.card-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.card-top .eyebrow{margin:0;font-size:10px}.card-top>svg{color:#698f86;width:24px;height:24px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:650;background:#d2e9dc;border-radius:20px;padding:5px 10px;color:#3b7f62;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.badge.neutral{background:#e3e8e7;color:#687f7a}.badge.bad{background:#f5deda;color:#a8544c}.badge.warn{background:#f5e9ce;color:#977336}.connection-center{text-align:center;padding:14px 0 22px}.signal-orb{width:75px;height:75px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 30% 20%,#ffffff,#e1efe8);border:1px solid white;box-shadow:0 7px 15px #85af9d18,inset 0 0 25px #fff7}.signal-orb svg{width:37px;height:37px;color:#54927c}.signal-orb i{position:absolute;width:14px;height:14px;background:#a3b8af;border:3px solid #f1f7f3;border-radius:50%;right:4px;bottom:5px}.signal-orb.online i{background:#48a777}.connection-center h2{font-size:24px;letter-spacing:-.7px;margin-bottom:5px}.connection-center p{font-size:11px;color:var(--muted);max-width:340px;margin:auto}.connection-footer{display:flex;justify-content:space-between;border-top:1px solid #d9e4df;padding:18px 0;gap:14px}.connection-footer span{display:block;font-size:8px;letter-spacing:1.3px;color:#82958f;margin-bottom:3px}.connection-footer strong{font-size:12px;font-weight:650}.connection-footer>div:last-child{text-align:right}.bill-card{padding:25px 28px;position:relative;overflow:hidden;background:linear-gradient(125deg,#fffaf4cc,#f3eeeab5)}.bill-card>p{font-size:12px;color:#8b8d7e;margin-top:31px}.bill-card>h2{font-size:36px;font-weight:550;letter-spacing:-1.6px;position:relative;z-index:1;margin:5px 0 4px}.bill-card>.muted{display:block;font-size:11px;margin-bottom:23px;position:relative;z-index:1}.bill-card>.dark{width:100%;justify-content:space-between;position:relative;z-index:1}.bill-decoration{position:absolute;width:155px;height:155px;border:28px solid #eee4d14a;border-radius:50%;right:-45px;top:55px}.muted{color:var(--muted)}.stat-card{display:flex;align-items:center;gap:17px;padding:23px 25px;border-radius:22px}.stat-card>div:nth-child(2){display:flex;flex-direction:column;gap:1px}.stat-card span{font-size:11px;color:var(--muted)}.stat-card strong{font-size:24px;letter-spacing:-.7px;font-weight:550;line-height:1.3}.stat-card small{font-size:9px;color:#7b918b}.icon-tile{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;flex-shrink:0}.icon-tile.mint{background:#dcece37a;color:#618e7a}.icon-tile.violet{background:#e8e4f37d;color:#9383b2}.icon-tile.peach{background:#f6e9dc8c;color:#ad9774}.icon-button{background:transparent;width:34px;height:34px;border-radius:50%;color:var(--muted);margin-left:auto;display:grid;place-items:center}.icon-button:hover{background:#dde8e170}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:29px 0 15px}.section-heading h2{font-size:17px}.section-heading>span{font-size:10px;color:#839590}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quick{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:22px 24px;text-align:left;color:var(--ink);border-radius:21px}.quick:hover{background:#fff;transform:translateY(-3px)}.quick strong{font-size:14px;font-weight:600;margin:15px 0 3px}.quick>span:not(.icon-tile){color:var(--muted);font-size:10px}.quick>b{position:absolute;right:22px;top:25px;font-weight:400;color:#9aafa8;font-size:18px}.service-strip{display:flex;align-items:center;gap:15px;padding:26px 10px 5px;color:#83978e}.service-strip>svg{color:#86a899;width:27px;height:27px}.service-strip>div{display:flex;flex-direction:column;gap:3px}.service-strip strong{font-size:11px;font-weight:600;color:#5f7c72}.service-strip span{font-size:10px}.service-strip>.mini-wordmark{font-size:12px;letter-spacing:2px;color:#91a49a;font-weight:700;margin-left:auto}.page-footer{text-align:center;font-size:9px;color:#9aaca5;padding-top:30px;letter-spacing:.5px}.page-footer span{padding:0 8px}.bottom-nav{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:5px;padding:8px;background:linear-gradient(120deg,#ffffffdb,#f9ffffa6);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid white;box-shadow:0 8px 35px #355d4926,inset 0 1px 0 #fff8;border-radius:25px;max-width:calc(100% - 24px)}.bottom-nav button{min-width:87px;border-radius:18px;padding:10px 14px;background:transparent;color:#83938f;display:flex;flex-direction:column;align-items:center;gap:4px}.bottom-nav button>span:last-child{font-size:9px;font-weight:550}.bottom-nav button svg{width:21px;height:21px}.bottom-nav button.active{background:#e0eee5;color:#2e755b}.bottom-nav button:hover{background:#e7efe8}.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.content-card{padding:28px}.content-card>.section-heading{margin-top:0}.content-card p{color:var(--muted);font-size:12px}.detail-list{margin:18px 0 26px}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #d9e4e066;font-size:12px}.detail-list dt{color:var(--muted)}.detail-list dd{text-align:right;margin:0;overflow-wrap:anywhere;max-width:65%}.notice{display:flex;gap:10px;font-size:12px;color:#7f8774;background:#eee9d954;padding:18px 20px;border-radius:16px;margin-top:20px;align-items:flex-start}.notice svg{width:18px;height:18px}.footnote{font-size:10px!important;color:#81928c!important;margin-top:18px;line-height:1.7}.wifi-form .primary{margin-top:23px;width:100%}.pill{display:inline-block;font-size:9px;font-weight:600;letter-spacing:1px;padding:7px 11px;border-radius:20px;background:#e2ece6;color:#537b68}.wifi-title{display:flex;align-items:center;gap:14px;margin-bottom:22px}.wifi-title p{margin-top:3px}.input-wrap{position:relative}.input-wrap input{padding-right:66px}.reveal{position:absolute;right:5px;top:7px;height:34px;padding:0 10px;border-radius:10px;color:#4c7a68;background:transparent;font-size:11px}.error{font-size:12px;color:#a7413d;padding:12px 0;white-space:pre-line}.error:empty{padding:0}.empty{padding:38px 25px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.empty svg{width:30px;height:30px;margin-bottom:10px}.invoice-list{padding:8px 26px;overflow:hidden}.invoice-row{display:flex;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid #dce5e1;cursor:pointer}.invoice-row:last-child{border:0}.invoice-row .invoice-meta{flex:1;min-width:0}.invoice-row h3{font-size:13px;overflow-wrap:anywhere}.invoice-row p{font-size:10px;color:var(--muted);margin-top:4px}.invoice-price{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.invoice-price strong{font-size:14px;font-weight:650}.page-heading>select{max-width:170px;background:#ffffffb3;font-size:12px}.host{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #dfe7e1}.host .icon-tile{width:37px;height:37px;border-radius:12px}.host strong{font-size:12px;display:block}.host small{font-size:10px;color:var(--muted)}.host>i{width:6px;height:6px;background:#80af94;border-radius:50%;margin-left:auto}.profile-card{max-width:690px}.profile-title{display:flex;gap:18px;align-items:center}.profile-title p{margin-top:4px}.speed-card{max-width:760px;margin:auto;text-align:center;padding:36px 40px;background:radial-gradient(circle at 50% 30%,#d6eee380,transparent 65%),var(--glass)}.speed-gauge{width:220px;height:220px;border:9px solid #dce9e2;border-top-color:#7ba997;border-right-color:#a9c9b7;border-radius:50%;margin:0 auto 25px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 0 0 2px #fff9,0 0 0 10px #ffffff48;gap:7px}.speed-gauge>svg{width:25px;color:#7aa18d}.speed-gauge>strong{font-size:44px;font-weight:500;letter-spacing:-2px}.speed-gauge>span:last-child{font-size:10px;color:var(--muted);max-width:150px}.speed-gauge.running{animation:breathe 1s ease infinite alternate}.speed-results{display:flex;justify-content:center;gap:50px;margin:28px 0}.speed-results>div{display:flex;flex-direction:column}.speed-results span{font-size:9px;letter-spacing:1.1px;color:var(--muted)}.speed-results strong{font-size:24px;font-weight:550;margin:4px 0}.speed-results small{font-size:10px;color:var(--muted)}.speed-card>.primary{min-width:230px}.operation{padding:23px;margin-top:22px}.operation p{margin:8px 0 17px}.operation .soft{min-height:38px}.login-layout{min-height:100vh;max-width:1160px;margin:auto;padding:55px;display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center}.login-story{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}.login-story>div:nth-child(2){margin-top:70px}.login-story h1{font-size:46px;line-height:1.2;margin:18px 0}.login-story p{color:var(--muted);font-size:13px;line-height:1.9}.login-story small{font-size:10px;color:#96a99e;letter-spacing:.5px}.login-card{padding:38px 34px}.login-card h2{font-size:28px;font-weight:550;margin:24px 0 8px}.login-card>p{font-size:12px;color:var(--muted)}.login-submit{width:100%;margin-top:28px;justify-content:space-between}.login-help{display:flex;gap:12px;border-top:1px solid #d8e4dd;padding-top:22px;margin-top:25px;align-items:center;color:#91a396}.login-help p{font-size:10px;line-height:1.8;color:var(--muted)}.login-help strong{font-weight:550}.connection-art{position:relative;height:255px;display:grid;place-items:center;max-width:380px}.orb{width:110px;height:110px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(135deg,#ffffffe6,#cee6d880);box-shadow:0 20px 40px #608f7720,inset 0 0 0 1px white;backdrop-filter:blur(15px);transform:rotate(-8deg)}.orb svg{width:60px;height:60px;color:#699d85;transform:rotate(8deg)}.orbit{position:absolute;border:1px solid #aec5b84a;width:250px;height:160px;border-radius:50%;transform:rotate(-25deg)}.orbit-b{width:325px;height:220px;transform:rotate(25deg)}.art-chip{position:absolute;border:1px solid #fff;background:#ffffff9c;backdrop-filter:blur(12px);padding:12px 16px;border-radius:15px;font-size:8px;letter-spacing:1.5px;box-shadow:0 8px 20px #88a0920a}.chip-a{top:45px;right:0}.chip-b{left:8px;bottom:40px;letter-spacing:0;font-size:10px;display:flex;align-items:center;gap:8px}.chip-b i{width:6px;height:6px;background:#70a989;border-radius:50%}.boot{min-height:100vh;display:grid;place-items:center;color:var(--muted)}dialog{max-width:530px;width:calc(100% - 30px);padding:27px;border:1px solid white;background:#f6faf6f2!important;color:var(--ink);max-height:85vh;overflow:auto}dialog::backdrop{background:#183c344a;backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.dialog-top .icon-button{font-size:25px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#modal-body{color:#58766b;font-size:13px}#modal-body p{margin:10px 0}.toast{position:fixed;right:25px;top:22px;padding:14px 22px;color:white;background:#244f44ed;max-width:calc(100vw - 40px);border-radius:15px;box-shadow:0 8px 25px #264f4330;z-index:30;font-size:12px;pointer-events:none}body.modal-busy dialog{cursor:progress}@keyframes breathe{to{box-shadow:inset 0 0 0 2px #fff9,0 0 0 16px #ffffff28}}
@media(min-width:1400px){.shell{max-width:1180px;padding-left:60px;padding-right:60px}.page-heading{margin-bottom:34px}.topbar{height:116px}.connection-card{min-height:320px}.connection-center{padding-top:20px;padding-bottom:26px}.bill-card>p{margin-top:45px}.quick{padding-top:25px;padding-bottom:25px}}
@media(max-width:750px){.shell{padding:0 20px 125px}.topbar{height:88px;margin-bottom:26px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:23px}.page-heading p{font-size:12px;max-width:260px}h1{font-size:31px;letter-spacing:-1.1px}.dashboard-grid{gap:13px;grid-template-columns:1fr 1fr}.connection-card{grid-column:1/-1;padding:21px 24px 0}.bill-card{grid-column:1/-1;padding:23px 25px}.bill-card>p{margin-top:19px}.bill-card>h2{font-size:35px}.bill-card>.muted{margin-bottom:18px}.stat-card{padding:18px 14px;gap:10px;align-items:flex-start}.stat-card .icon-tile{width:33px;height:33px;border-radius:11px}.stat-card .icon-tile svg{width:19px;height:19px}.stat-card strong{font-size:21px}.stat-card span{font-size:9px}.stat-card small{font-size:8px}.stat-card .icon-button{display:none}.quick-grid{gap:10px}.quick{padding:17px 13px;border-radius:18px}.quick strong{font-size:12px}.quick>span:not(.icon-tile){font-size:9px}.quick>b{right:12px;top:16px}.quick .icon-tile{width:36px;height:36px;border-radius:12px}.section-heading>span{display:none}.service-strip{padding:25px 2px 0}.mini-wordmark{display:none}.bottom-nav{gap:1px;padding:6px;border-radius:23px;bottom:calc(12px + env(safe-area-inset-bottom))}.bottom-nav button{min-width:63px;padding:10px 13px}.two-grid{grid-template-columns:1fr}.content-card{padding:23px}.page-heading .compact{font-size:0;width:38px;padding:10px;min-height:38px;gap:0}.page-heading .compact svg{font-size:14px}.page-heading>select{width:124px;min-height:40px;padding:9px;font-size:11px}.invoice-list{padding:3px 17px}.invoice-row{gap:11px}.invoice-row .icon-tile{display:none}.invoice-price strong{font-size:13px}.invoice-row h3{font-size:11px}.invoice-row .badge{font-size:8px}.speed-card{padding:28px 20px}.speed-results{gap:30px}.login-layout{padding:28px 22px;display:block;max-width:460px}.login-story>div:nth-child(2){margin:40px 0 28px}.login-story h1{font-size:35px}.login-story p{font-size:12px}.login-story small,.connection-art{display:none}.login-card{padding:28px 25px}.login-card h2{margin-top:18px;font-size:26px}.login-layout .brand{font-size:16px}.header-right .portal-label{display:none}.login-story .eyebrow{font-size:8px}.login-story h1{margin:12px 0}.service-strip span{font-size:9px}}
.brand-logo{width:50px;height:50px;object-fit:contain}.brand{gap:12px}.brand>.brand-sub{max-width:85px;line-height:1.8;font-size:8px;letter-spacing:1.4px}
@media(max-width:750px){.brand-logo{width:43px;height:43px}.stat-card{flex-direction:column}.stat-card strong{white-space:nowrap;font-size:20px}}
@media(max-width:370px){.shell{padding-left:13px;padding-right:13px}.bottom-nav button{min-width:55px;padding:9px 11px}.stat-card{flex-direction:column}.quick strong{font-size:11px}.speed-results{gap:24px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-theme=light]{color-scheme:light}
html[data-theme=dark]{color-scheme:dark;--ink:#e4f0eb;--muted:#a3b7af;--accent:#9ad8bc;--line:#b9e4d51f;--shadow:0 16px 42px #0002,0 2px 6px #0001;--glass:linear-gradient(135deg,#233731d6,#17272bd6);background:#101b22}
html[data-theme=dark] body{background:radial-gradient(ellipse at 84% 9%,#41376045,transparent 43%),radial-gradient(ellipse at 12% 55%,#24644c38,transparent 45%)}
html[data-theme=dark] .glass{box-shadow:var(--shadow),inset 0 1px 0 #d8fff00a}
html[data-theme=dark] .connection-card{background:radial-gradient(ellipse at 55% 25%,#367e6040,transparent 66%),var(--glass)}
html[data-theme=dark] .bill-card{background:linear-gradient(125deg,#363832db,#292e30d9)}
html[data-theme=dark] .bill-card>p{color:#c6c7b3}
html[data-theme=dark] .bill-decoration{border-color:#b9a77b0b}
html[data-theme=dark] input,html[data-theme=dark] select{background:#102221bd;border-color:#42665a;color:var(--ink)}
html[data-theme=dark] input::placeholder{color:#94a89f}
html[data-theme=dark] .soft{background:#30453c99;border-color:#73988640;color:#c3e5d4}
html[data-theme=dark] .soft:hover,html[data-theme=dark] .quick:hover{background:#2c443d}
html[data-theme=dark] .primary,html[data-theme=dark] .dark{background:#a5ddbe;color:#122f26}
html[data-theme=dark] .primary:hover,html[data-theme=dark] .dark:hover{background:#b9e8cf}
html[data-theme=dark] .avatar{background:#3b6052;border-color:#9fcbb12b;color:#d2f3df}
html[data-theme=dark] .badge,html[data-theme=dark] .pill{background:#2b5140;color:#b1e2c4}
html[data-theme=dark] .badge.neutral{background:#3a4945;color:#c0d0c9}
html[data-theme=dark] .badge.bad{background:#563938;color:#ffb7af}
html[data-theme=dark] .badge.warn{background:#51482f;color:#e8cd8e}
html[data-theme=dark] .danger{color:#ffc3b4;background:#653d354a;border-color:#a16b535e}
html[data-theme=dark] .signal-orb{background:radial-gradient(circle at 30% 20%,#476857,#233e32);border-color:#a7d3b633;box-shadow:0 7px 25px #0002,inset 0 0 25px #adddb511}
html[data-theme=dark] .signal-orb svg{color:#b3dabb}
html[data-theme=dark] .signal-orb i{border-color:#284535}
html[data-theme=dark] .icon-tile.mint{background:#3c725344;color:#a4cbb2}
html[data-theme=dark] .icon-tile.violet{background:#66568044;color:#c6b8e2}
html[data-theme=dark] .icon-tile.peach{background:#8a69513d;color:#dec3a5}
html[data-theme=dark] .topbar,html[data-theme=dark] .connection-footer,html[data-theme=dark] .detail-list>div,html[data-theme=dark] .invoice-row,html[data-theme=dark] .host,html[data-theme=dark] .login-help{border-color:#a5c9b323}
html[data-theme=dark] .eyebrow,html[data-theme=dark] .connection-footer span,html[data-theme=dark] .stat-card small,html[data-theme=dark] .section-heading>span,html[data-theme=dark] .service-strip strong,html[data-theme=dark] .reveal{color:#b1c6ba}
html[data-theme=dark] .footnote{color:#a5b8ad!important}
html[data-theme=dark] .notice{color:#d6ccb0;background:#7768362b}
html[data-theme=dark] .error{color:#ffb4aa}
html[data-theme=dark] .bottom-nav{background:linear-gradient(120deg,#263c33ed,#182a2bea);border-color:#a4cdb62b;box-shadow:0 8px 35px #0004,inset 0 1px 0 #d0ffe01a}
html[data-theme=dark] .bottom-nav button{color:#aac0b4}
html[data-theme=dark] .bottom-nav button.active{background:#42654f;color:#e4f9dc}
html[data-theme=dark] .bottom-nav button:hover{background:#375743}
html[data-theme=dark] .orb{background:linear-gradient(135deg,#496c55e6,#23443780);box-shadow:0 20px 40px #0002,inset 0 0 0 1px #d7ffde33}
html[data-theme=dark] .orb svg{color:#b0d7b6}
html[data-theme=dark] .art-chip{background:#29433899;border-color:#a2d5b533}
html[data-theme=dark] .speed-card{background:radial-gradient(circle at 50% 30%,#3a705840,transparent 65%),var(--glass)}
html[data-theme=dark] .speed-gauge{border-color:#41634f;border-top-color:#abddb3;border-right-color:#6ba886;box-shadow:inset 0 0 0 2px #d9ffdd16,0 0 0 10px #c7ffcf06}
html[data-theme=dark] dialog{background:#1b302bf7!important;border-color:#abd4bc44}
html[data-theme=dark] dialog::backdrop{background:#040e0ba8}
html[data-theme=dark] #modal-body{color:#bed2c7}
.theme-toggle{width:40px;height:40px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:23px;color:var(--ink);background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow)}
.partner-brand{min-width:0;max-width:62%;letter-spacing:0}.partner-brand>span:last-child{min-width:0}.partner-brand strong{display:block;font-size:16px;overflow-wrap:anywhere}.partner-brand .brand-logo{width:54px;flex-shrink:0}.brand-support{display:block;font-size:9px;font-weight:400;color:var(--muted);letter-spacing:0;line-height:1.5;margin-top:4px}.portal-label{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clickable-card>span:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.clickable-card>span:nth-child(2)>span{font-size:12px;color:var(--muted)}.clickable-card strong{display:block;font-size:25px;line-height:1.2}.clickable-card small{display:block;font-size:10px}.wifi-disclosure{margin-top:18px}#traffic-chart{display:block;width:100%;height:150px;stroke-width:2.5;fill:none;border-bottom:1px solid #98b4a333}#traffic-down-line{stroke:#63b889}#traffic-up-line{stroke:#b396db}.usage-total{display:block;font-size:32px;margin:14px 0;font-weight:650;letter-spacing:-1px}
.profile-dropdown{position:relative}.profile-dropdown #profile-menu{position:absolute;right:0;top:48px;width:174px;z-index:25;padding:8px;border-radius:17px;background:#f1f7f3;box-shadow:0 12px 30px #0002}.profile-dropdown #profile-menu button{display:block;width:100%;text-align:left;padding:12px;background:transparent;border-radius:10px;color:var(--ink)}.profile-dropdown #profile-menu button:hover{background:#77a68d22}html[data-theme=dark] .profile-dropdown #profile-menu{background:#20372f}
.clickable-card{text-align:left;color:var(--ink);width:100%;font:inherit}.clickable-card:hover{transform:translateY(-2px);border-color:#85b59a}.stat-card .uptime-text{font-size:18px;white-space:normal}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.other-wifi{margin-top:20px}
.network-totals{display:flex;gap:28px;flex-wrap:wrap;margin:20px 0}.network-totals>div{display:flex;flex-direction:column;gap:5px}.network-totals span{color:var(--muted);font-size:12px}.network-totals strong{font-size:24px;font-weight:550;letter-spacing:-.6px}.usage-card{margin-top:22px}.usage-card .section-heading input{width:180px}.usage-card summary{cursor:pointer;color:var(--muted);padding:15px 0}.usage-day{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid #98b4a333;font-size:12px}
.embedded-speed{text-align:center;padding:25px;max-width:900px;margin:auto}.embedded-speed .soft{margin-top:14px}.swal2-popup{font-family:inherit!important;color:var(--ink)!important;background:#f4f9f6!important;border-radius:24px!important;border:1px solid #88b09944!important}.swal2-title{font-size:23px!important;letter-spacing:-.5px}.swal2-html-container{font-size:14px!important;color:var(--muted)!important;line-height:1.7!important}.swal2-confirm{background:#287152!important;border-radius:12px!important}.swal2-container{backdrop-filter:blur(5px)}html[data-theme=dark] .swal2-popup{background:#1d332b!important}html[data-theme=dark] .swal2-confirm{background:#a5ddbe!important;color:#17362b!important}
@media(max-width:750px){.partner-brand{max-width:57%;gap:8px}.partner-brand strong{font-size:12px}.partner-brand .brand-logo{width:36px;height:40px}.brand-support{font-size:8px}.header-right .portal-label{display:block;max-width:66px;font-size:10px}.header-right{gap:7px}.topbar .theme-toggle{width:31px;height:31px;font-size:19px}.profile-dropdown .avatar{width:33px;height:33px;font-size:11px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.network-totals{gap:15px}.network-totals strong{font-size:20px}.embedded-speed{padding:15px}.stat-card .uptime-text{font-size:16px}.usage-card .section-heading{align-items:flex-start;flex-wrap:wrap}}
.login-theme{position:absolute;right:28px;top:28px;z-index:2}
.wifi-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0 19px;margin:0;border-bottom:1px solid #8cb59d33;font-size:13px}
input.wifi-switch{appearance:none;-webkit-appearance:none;position:relative;width:46px;min-width:46px;height:27px;min-height:27px;border:1px solid #819c8d;background:#71847b;border-radius:20px;padding:0;cursor:pointer}
input.wifi-switch:before{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .2s}
input.wifi-switch:checked{background:#287a58;border-color:#579b72}
input.wifi-switch:checked:before{transform:translateX(19px)}
input.wifi-switch:disabled{opacity:.45;cursor:not-allowed}
.location-card{padding:18px 0;border-top:1px solid #8cb59d33}.location-card h3{font-size:14px;margin-bottom:12px}.location-card .footnote{margin-top:0}
.speed-intro{color:var(--muted);max-width:430px;margin:14px auto 24px;line-height:1.8}.ookla-card .eyebrow{margin-top:36px}.ookla-card .speed-gauge>strong{letter-spacing:1px}
.saving-state{padding:22px 5px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:14px}.loading-spinner{display:block;width:36px;height:36px;border:3px solid #739d8438;border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.host>div{min-width:0}.host small{overflow-wrap:anywhere}.wifi-title>div{min-width:0}.wifi-title p{overflow-wrap:anywhere}
@media(max-width:750px){.header-right{gap:10px}.login-theme{right:23px;top:30px}.login-story>.brand{padding-right:42px}}
@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}}
@media print{.topbar,.bottom-nav,.page-footer,.ambient,main,body>#app{display:none!important}html[data-theme] dialog[open]{display:block;position:static;width:100%;max-width:none;max-height:none;border:0;box-shadow:none;background:white!important;color:#111}html[data-theme] #modal-body{color:#111}.dialog-actions,.dialog-top button{display:none}}

/* Optical thresholds match the billing GenieACS detail, independent of theme accent. */
#rx-power.rx-good,.rx-good{color:#16803d}
#rx-power.rx-warning,.rx-warning{color:#966100}
#rx-power.rx-danger,.rx-danger{color:#d32f3f}
#rx-power.rx-neutral,.rx-neutral{color:var(--muted)}
html[data-theme=dark] #rx-power.rx-good,html[data-theme=dark] .rx-good{color:#4ade80}
html[data-theme=dark] #rx-power.rx-warning,html[data-theme=dark] .rx-warning{color:#facc15}
html[data-theme=dark] #rx-power.rx-danger,html[data-theme=dark] .rx-danger{color:#ff6677}
.optical-note{display:block;margin-top:6px;font-size:11px;font-weight:400;color:var(--muted);line-height:1.5}

.login-brand-copy{display:flex;flex-direction:column;gap:4px;letter-spacing:0}.login-brand-copy strong{font-size:clamp(12px,1.4vw,16px);font-weight:650}.theme-toggle svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7}
.profile-logout{margin-top:20px}
#profile-shortcut{display:grid;place-items:center;padding:0}
#profile-shortcut svg,#profile-avatar svg{width:24px;height:24px;stroke-width:2}