@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.hotspot-page{min-height:100vh;background:#f4f7f8;color:#152a31;font-family:Inter,system-ui,sans-serif}.hotspot-topbar{height:48px;background:#203e60;color:#fff}.hotspot-topbar-inner{width:min(100% - 36px,620px);height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.hotspot-brand{display:flex;align-items:center;gap:9px;color:#fff}.hotspot-brand>span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#4f82ed;color:#fff}.hotspot-brand>span svg{width:18px;height:18px}.hotspot-brand strong,.hotspot-brand small{display:block}.hotspot-brand strong{font-size:13px;line-height:1.15;letter-spacing:-.2px}.hotspot-brand small{font-size:7px;letter-spacing:1.1px;color:#c4d2e2;margin-top:3px}.hotspot-topbar-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#d6e2ef}.hotspot-topbar-note i{width:7px;height:7px;border-radius:50%;background:#45d5ae;box-shadow:0 0 0 3px #45d5ae24}.hotspot-shell{width:min(100% - 32px,560px);margin:0 auto;padding:28px 0 24px}.hotspot-intro{text-align:center;margin:0 auto 22px;max-width:500px}.hotspot-intro .eyebrow{margin:0 0 7px}.eyebrow{font-size:9px;font-weight:750;letter-spacing:1.5px;color:#52728a}.hotspot-intro h1{margin:0;color:#173247;font-size:25px;line-height:1.2;letter-spacing:-.6px}.hotspot-intro>p:last-child{margin:8px auto 0;color:#617887;font-size:12px;line-height:1.55}.hotspot-package-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}.hotspot-package-heading h2{margin:0;color:#213b4d;font-size:14px}.hotspot-package-heading>span{color:#71858e;font-size:10px}.hotspot-package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hotspot-package-card{position:relative;min-height:91px;padding:12px 8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;color:#f4fffc;background:#003b37;border:1px solid #003b37;border-radius:5px;cursor:pointer;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.hotspot-package-card:hover{transform:translateY(-1px);background:#064a44;border-color:#278a7e}.hotspot-package-card.selected{background:#075149;border-color:#4fc6ad;box-shadow:0 0 0 2px #4fc6ad3a}.hotspot-package-card input{position:absolute;right:7px;top:7px;width:12px;height:12px;margin:0;accent-color:#52d1b1}.hotspot-package-duration{font-size:9px;color:#b7d8d1;line-height:1.2}.hotspot-package-duration svg{display:none}.hotspot-package-card>strong{font-size:11px;font-weight:650;line-height:1.2;max-width:100%;overflow-wrap:anywhere}.hotspot-package-price{font-size:15px;font-weight:800;letter-spacing:-.25px;color:#fff}.hotspot-package-card small{font-size:9px;color:#b7d8d1}.hotspot-checkout-card{display:grid;grid-template-columns:1fr auto;gap:13px 16px;align-items:end;margin-top:16px;padding:17px;background:#003b37;border:1px solid #003b37;border-radius:6px;color:#f4fffc}.hotspot-checkout-heading .eyebrow{margin:0 0 5px;color:#8ecbc0}.hotspot-checkout-card h2{margin:0;font-size:16px;color:#fff}.hotspot-checkout-heading>p:last-child{margin:5px 0 0;color:#c3d9d5;font-size:10px;line-height:1.5}.hotspot-selected-package{min-width:158px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #35645f;border-radius:4px;background:#06332f}.hotspot-selected-package span{font-size:9px;color:#c4d9d5}.hotspot-selected-package strong{font-size:11px;white-space:nowrap;color:#fff}.hotspot-phone-label{grid-column:1/-1;display:block;color:#d4e4e0;font-size:10px}.hotspot-phone-label input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px 11px;border:1px solid #d8e2e2;border-radius:3px;background:#fff;color:#203940;font-size:12px;outline:none}.hotspot-phone-label input:focus{border-color:#53c7ae;box-shadow:0 0 0 3px #53c7ae30}.hotspot-phone-label input::placeholder{color:#87999c}.hotspot-primary,.hotspot-secondary{min-height:37px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:0;border-radius:4px;font-size:10px;font-weight:700;cursor:pointer}.hotspot-primary{background:#e5fff6;color:#06473f}.hotspot-primary:hover{background:#baf3df}.hotspot-primary:disabled{opacity:.55;cursor:wait}.hotspot-primary span{font-size:15px}.hotspot-secondary{background:#e7eff1;color:#24414a;border:1px solid #cbd8dc}.hotspot-payment-note{grid-column:1/-1;margin:-5px 0 0;color:#b5d1cc;font-size:9px;line-height:1.45}.hotspot-howto{margin-top:21px}.hotspot-howto h2,.hotspot-faq h2{margin:0 0 10px;text-align:center;color:#1c3949;font-size:13px}.hotspot-howto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hotspot-howto-grid>div{min-height:88px;padding:12px 11px;background:#fff;border:1px solid #e2e9eb;border-radius:5px}.hotspot-howto-grid>div>span{display:grid;place-items:center;width:20px;height:20px;margin-bottom:7px;border-radius:50%;background:#d9f5ed;color:#087262;font-size:10px;font-weight:800}.hotspot-howto-grid strong{display:block;color:#26424c;font-size:10px}.hotspot-howto-grid p{margin:4px 0 0;color:#71848b;font-size:9px;line-height:1.45}.hotspot-faq{margin-top:20px}.hotspot-faq h2{margin-bottom:9px}.hotspot-faq details{margin:0 0 6px;background:#fff;border:1px solid #e2e9eb;border-radius:4px;color:#27424b}.hotspot-faq summary{padding:10px 12px;cursor:pointer;list-style:none;font-size:10px;font-weight:650}.hotspot-faq summary::-webkit-details-marker{display:none}.hotspot-faq summary:after{content:"+";float:right;color:#17836f;font-size:14px;line-height:10px}.hotspot-faq details[open] summary:after{content:"−"}.hotspot-faq details p{margin:0;padding:0 12px 11px;color:#667b83;font-size:10px;line-height:1.55}.hotspot-footer{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:12px;border-top:1px solid #dfe7e9;color:#7b8e95;font-size:9px}.hotspot-alert{padding:10px 12px;margin:0 0 12px;border:1px solid #efc2c4;background:#fff0f0;color:#9f3038;border-radius:5px;font-size:11px;line-height:1.5}.hotspot-empty{padding:22px;border:1px dashed #cbd8db;border-radius:5px;text-align:center;color:#71858c;font-size:11px;background:#fff}.hotspot-progress{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 0;padding:15px;background:#fff;border:1px solid #e0e8e9;border-radius:6px}.hotspot-progress-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e6f0fb;color:#477fc1}.hotspot-progress-success{background:#ddf6ed;color:#168269}.hotspot-progress-failed{background:#fde9e7;color:#af4844;font-size:21px}.hotspot-progress-copy{flex:1;min-width:200px}.hotspot-progress-copy h2{font-size:13px;margin:0;color:#25404b}.hotspot-progress-copy p{font-size:10px;color:#6f8188;line-height:1.5;margin:5px 0 0}.hotspot-waiting{display:flex;align-items:center;gap:5px;color:#607780;font-size:9px}.hotspot-login-form{margin-left:auto}.hotspot-credentials-note{width:100%;font-size:10px;color:#607780}.hotspot-credentials{width:100%;box-sizing:border-box;display:grid;grid-template-columns:90px 1fr;gap:8px 10px;padding:11px;border:1px solid #e0e8e9;border-radius:5px;background:#f7fafb}.hotspot-credentials span{font-size:9px;color:#73868c}.hotspot-credentials strong{font-family:monospace;font-size:11px;overflow-wrap:anywhere;color:#243e47}.hotspot-text-button{border:0;background:transparent;color:#176f91;font-size:10px;padding:5px 0;cursor:pointer}.hotspot-text-button:hover{text-decoration:underline}.hotspot-spinner{animation:hotspot-spin 1s linear infinite}@keyframes hotspot-spin{to{transform:rotate(360deg)}}@media(max-width:560px){.hotspot-shell{width:min(100% - 26px,440px);padding-top:22px}.hotspot-package-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hotspot-package-card{min-height:86px;padding:10px 6px}.hotspot-package-card>strong{font-size:10px}.hotspot-package-price{font-size:14px}.hotspot-checkout-card{grid-template-columns:1fr;padding:14px}.hotspot-selected-package{min-width:0}.hotspot-phone-label,.hotspot-payment-note{grid-column:1}.hotspot-checkout-card .hotspot-primary{width:100%}.hotspot-howto-grid{gap:6px}.hotspot-howto-grid>div{padding:10px 8px}.hotspot-footer{font-size:8px}}@media(max-width:380px){.hotspot-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hotspot-intro h1{font-size:22px}.hotspot-topbar-inner{width:calc(100% - 26px)}.hotspot-howto-grid{grid-template-columns:1fr}.hotspot-howto-grid>div{min-height:auto}.hotspot-howto-grid>div>span{float:left;margin:0 8px 0 0}.hotspot-howto-grid p{margin-left:28px}}:root{font-family:DM Sans,sans-serif;color:#e8eefb;background:#080f1d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#080f1d;--sidebar:#0c1526;--panel:#101b2d;--panel2:#14223a;--line:#23324a;--muted:#8d9bb3;--blue:#4f8cff;--green:#36cba0}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--sidebar);border-right:1px solid #1c2a40;display:flex;flex-direction:column;z-index:20}.side-brand{height:78px;padding:0 22px;display:flex;align-items:center;border-bottom:1px solid #1c2a40}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#4f8cff,#6b6cff);display:grid;place-items:center;color:#fff;box-shadow:0 5px 18px #376df233}.brand strong{font-family:Manrope,sans-serif;display:block;font-size:16px;letter-spacing:-.4px}.brand span{display:block;color:#7788a5;font-size:10px;letter-spacing:1.5px;margin-top:3px}.workspace{margin:19px 14px 14px;padding:12px;background:#111f34;border:1px solid #233650;border-radius:10px;display:flex;align-items:center;gap:9px}.workspace-dot,.pulse-dot{width:8px;height:8px;background:#36cba0;border-radius:50%;box-shadow:0 0 0 4px #36cba018}.workspace strong,.workspace small{display:block}.workspace strong{font-size:12px}.workspace small{font-size:11px;color:var(--muted);margin-top:4px}.sidebar nav{overflow:auto;padding:0 12px 16px;flex:1}.nav-section{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#61718c;padding:18px 10px 8px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:10px;border:0;border-radius:7px;color:#93a2ba;background:transparent;text-align:left;font-size:13px;margin:2px 0;transition:.15s}.nav-item:hover{background:#15243a;color:#eef4ff}.nav-active{background:#1b3153;color:#80adff;box-shadow:inset 2px 0 #5791ff}.nav-item span:nth-child(2){flex:1}.nav-pill{font-size:9px;color:#8caeff;border:1px solid #345181;border-radius:4px;padding:2px 4px}.sidebar-bottom{padding:13px;border-top:1px solid #1c2a40}.support-card{background:#101d30;border:1px solid #24344d;border-radius:10px;padding:13px}.support-icon{width:30px;height:30px;border-radius:8px;background:#193653;color:#6ba7ff;display:grid;place-items:center;margin-bottom:10px}.support-card strong{font-size:12px}.support-card p{font-size:11px;color:var(--muted);line-height:1.5;margin:5px 0 12px}.status-line{font-size:11px;color:#a8b6cb;display:flex;align-items:center;gap:6px}.status-line i{width:6px;height:6px;background:#e8ae4c;border-radius:50%}.status-line.online i{background:#36cba0}.main-area{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:70px;background:#0b1423;border-bottom:1px solid #1b2940;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.breadcrumbs{font-size:12px;color:#8291aa}.breadcrumbs span{padding:0 9px;color:#45546d}.breadcrumbs strong{font-weight:600;color:#e1e9f8}.top-actions{display:flex;align-items:center;gap:16px}.search-box{width:235px;display:flex;align-items:center;gap:8px;border:1px solid #26354c;border-radius:7px;background:#101b2b;color:#7f8da5;padding:8px 10px}.search-box input{width:100%;background:transparent;border:0;outline:0;color:#eaf0fb;font-size:11px}.search-box input::placeholder{color:#71819b}.icon-button{width:32px;height:32px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;color:#98a7be;background:transparent;position:relative}.icon-button:hover{background:#19263b;border-color:#2a3a54}.notification-dot{position:absolute;width:6px;height:6px;background:#fa777e;border-radius:50%;top:5px;right:5px;border:1px solid #0b1423}.avatar{width:31px;height:31px;border-radius:9px;background:#293c61;display:grid;place-items:center;font-weight:700;font-size:13px;color:#b7d0ff}.user-block strong,.user-block span{display:block}.user-block strong{font-size:11px}.user-block span{font-size:10px;color:var(--muted);margin-top:3px;text-transform:capitalize}.page-content{padding:28px 30px 36px;flex:1;max-width:1800px;width:100%;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#719cf0;margin:0 0 8px}.page-heading h1,.login-card h1{font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-.8px;margin:0;font-weight:750;color:#f1f5ff}.muted{font-size:12px;color:#8d9bb3;line-height:1.6;margin:8px 0 0}.date-chip,.period-chip{display:flex;align-items:center;gap:7px;border:1px solid #263750;background:#111e31;border-radius:7px;padding:9px 11px;font-size:11px;color:#aabbd4}.date-chip svg{color:#51cba7}.welcome-banner{min-height:190px;background:radial-gradient(ellipse at 82% 45%,#1b3b65 0%,transparent 37%),linear-gradient(115deg,#152746,#101d32 60%,#132844);border:1px solid #29436a;border-radius:13px;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;margin-bottom:27px}.welcome-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 50%,#4b8bff05);pointer-events:none}.welcome-tag{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.5px;color:#93b5f8;font-weight:700}.welcome-banner h2{font-family:Manrope,sans-serif;font-size:26px;line-height:1.35;letter-spacing:-.7px;margin:14px 0 7px}.welcome-banner h2 em{font-style:normal;color:#7eaaff}.welcome-banner p{font-size:12px;color:#9bacc7;margin:0}.banner-art{width:210px;height:140px;position:relative;display:grid;place-items:center;margin-right:8%;color:#78a8ff}.orbit{position:absolute;border:1px solid #4f8cff40;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:170px;height:78px}.orbit-two{width:130px;height:120px;transform:rotate(50deg)}.router-art{width:85px;height:75px;border:1px solid #4b76b2;border-radius:16px;background:linear-gradient(145deg,#203d66,#152a48);display:grid;place-items:center;position:relative;box-shadow:0 15px 35px #0004}.router-art span{position:absolute;width:4px;height:4px;border-radius:50%;background:#45d8b2;bottom:12px;right:15px}.router-art span:nth-of-type(2){right:24px}.router-art span:nth-of-type(3){right:33px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-heading h2{font-size:15px;margin:0;font-weight:650}.section-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.period-chip{font-size:9px;letter-spacing:1px;padding:6px 9px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{position:relative;min-height:136px;padding:18px;background:var(--panel);border:1px solid #202f46;border-radius:10px;overflow:hidden}.stat-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-40px;top:-45px;background:#4f8cff08}.stat-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;margin-bottom:13px}.stat-icon.blue{background:#24416a;color:#7aabff}.stat-icon.green{background:#1c4b48;color:#54d7b0}.stat-icon.amber{background:#4b3d2c;color:#e9b968}.stat-icon.purple{background:#3c315f;color:#b7a0ff}.stat-title{font-size:11px;color:#9aa9c0}.stat-value{font-family:Manrope,sans-serif;font-size:25px;font-weight:750;letter-spacing:-.8px;margin:5px 0 4px}.stat-note{font-size:10px;color:#71819b}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:17px;margin-bottom:17px}.panel{background:var(--panel);border:1px solid #202f46;border-radius:10px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid #202f46}.panel-head h3{font-size:13px;margin:0;font-weight:650}.panel-head p{font-size:10px;color:#7f8ea7;margin:5px 0 0}.panel-icon{width:31px;height:31px;display:grid;place-items:center;border:1px solid #293b56;border-radius:8px;color:#83aaff;background:#172740}.chart-placeholder{height:225px;display:flex;padding:15px 18px 0}.chart-y{width:37px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:24px;font-size:9px;color:#65758f}.chart-y span:first-child{color:#8798b3}.chart-area{flex:1;position:relative;min-width:0}.chart-gridlines{position:absolute;top:0;right:0;bottom:24px;left:0;display:flex;flex-direction:column;justify-content:space-between}.chart-gridlines i{border-top:1px dashed #26354a}.chart-area svg{position:absolute;top:0;right:0;bottom:24px;left:0;width:100%;height:calc(100% - 24px);overflow:visible}.chart-months{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font-size:9px;color:#687995}.chart-legend{display:flex;align-items:center;gap:7px;padding:0 18px 17px;color:#7f8ea7;font-size:10px}.chart-legend i{width:7px;height:7px;background:#4f8cff;border-radius:2px}.access-row{display:flex;align-items:center;gap:10px;padding:15px 17px;border-bottom:1px solid #202f46}.access-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:9px}.access-symbol.hotspot{color:#5dd5b4;background:#17433f}.access-symbol.pppoe{color:#89aaff;background:#1c3154}.access-label{flex:1}.access-label strong,.access-label span{display:block}.access-label strong{font-size:12px}.access-label span{font-size:10px;color:#8190a8;margin-top:4px}.coming-badge{font-size:9px;padding:5px 7px;border-radius:5px;background:#263248;color:#a8b7ce}.router-status{margin:14px;padding:12px;background:#111f32;border:1px solid #253650;border-radius:8px;display:flex;align-items:center;gap:10px}.router-status-icon{color:#8aafff}.router-status>div:nth-child(2){flex:1}.router-status strong,.router-status span{display:block}.router-status strong{font-size:11px}.router-status span{font-size:10px;color:#8190a8;margin-top:4px}.router-status .status-badge{margin:0;padding:5px 6px;border:1px solid #39435a;border-radius:5px;color:#c1cce0;font-size:9px}.lower-grid{grid-template-columns:1.2fr 1fr}.subtle-icon{color:#7184a2}.empty-state{min-height:158px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center}.empty-icon{width:42px;height:42px;border:1px solid #293b56;border-radius:12px;display:grid;place-items:center;color:#8aa9db;background:#17263d;margin-bottom:10px}.empty-state strong{font-size:12px}.empty-state span{max-width:260px;font-size:10px;color:#8291aa;line-height:1.6;margin-top:5px}.readiness-list{padding:8px 17px 13px}.readiness-list>div{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #202f46;font-size:11px;color:#b8c4d8}.readiness-list>div:last-child{border-bottom:0}.readiness-list>div span:nth-child(2){flex:1}.readiness-list b{font-size:10px;font-weight:500;color:#92a1b9}.readiness-check,.readiness-pending{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:12px}.readiness-check{color:#53d6ae;background:#1b423e}.readiness-pending{color:#e9b968;background:#423725}.footer{display:flex;justify-content:space-between;border-top:1px solid #1c2a40;padding:17px 30px;color:#64748c;font-size:10px}.footer b{color:#4c8cff;padding:0 4px}.page-content>.page-heading{margin-bottom:26px}.coming-card{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--panel);border:1px solid #22334c;border-radius:12px;padding:30px}.coming-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#1c3154;color:#86adff}.coming-card h2{font-family:Manrope,sans-serif;font-size:19px;margin:18px 0 5px}.coming-card p{max-width:440px;font-size:12px;color:var(--muted);line-height:1.7}.secondary,.primary{border:0;border-radius:7px;padding:11px 15px;font-size:12px;font-weight:600}.secondary{background:#203552;color:#d5e3fb;border:1px solid #344b6c;margin-top:10px}.primary{background:#4f8cff;color:#fff;box-shadow:0 5px 18px #4f8cff20}.primary:hover{background:#6b9cff}.primary:disabled{opacity:.65;cursor:wait}.full{width:100%;margin-top:6px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 50% 10%,#19345a,#0b1424 42%,#080f1d 75%)}.login-card{width:min(100%,410px);padding:34px;background:#101b2d;border:1px solid #263852;border-radius:15px;box-shadow:0 25px 80px #0004}.login-card>.brand{margin-bottom:38px}.login-card h1{font-size:28px}.login-card>.muted{margin-bottom:23px}.login-card label{display:block;font-size:11px;color:#aab8ce;margin-bottom:15px}.login-card input{display:block;width:100%;margin-top:8px;padding:12px 13px;border:1px solid #2a3a53;background:#0c1626;border-radius:7px;outline:none;color:#eef4ff;font-size:13px}.login-card input:focus{border-color:#548fff;box-shadow:0 0 0 3px #548fff19}.login-foot{display:flex;justify-content:center;align-items:center;gap:6px;color:#7789a4;font-size:10px;margin:20px 0 0}.login-foot svg{color:#56cba9}.alert{padding:10px 12px;margin:0 0 15px;border:1px solid #70434b;background:#3a202c;color:#ffb6bf;border-radius:7px;font-size:12px}.loading-screen{min-height:100vh;display:grid;place-items:center;color:#aab9d0;font-size:13px}.mobile-menu,.mobile-close,.mobile-scrim{display:none}@media(min-width:1500px){.page-content{padding-left:38px;padding-right:38px}.stats-grid{gap:18px}.stat-card{min-height:148px;padding:21px}.content-grid{gap:20px}}@media(max-width:1100px){.sidebar{width:220px}.main-area{margin-left:220px}.page-content{padding:24px 20px}.topbar{padding:0 20px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}.banner-art{margin-right:0}}@media(max-width:800px){.sidebar{transform:translate(-100%);transition:transform .22s ease;width:260px}.sidebar-open{transform:translate(0)}.main-area{margin-left:0}.mobile-menu{display:grid}.mobile-close{display:grid;margin-left:auto}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#020711aa;border:0;z-index:15}.topbar{height:62px;padding:0 15px;gap:12px}.breadcrumbs{flex:1}.search-box{display:none}.top-actions{gap:8px}.user-block{display:none}.page-content{padding:22px 15px}.page-heading h1{font-size:23px}.welcome-banner{padding:22px;min-height:180px}.welcome-banner h2{font-size:22px}.banner-art{width:130px;margin-right:-15px}.orbit-one{width:120px}.orbit-two{width:100px}.content-grid,.lower-grid{grid-template-columns:1fr}.footer{padding:15px}.date-chip{font-size:0}.date-chip svg{width:17px;height:17px}}@media(max-width:520px){.page-heading{align-items:flex-start}.date-chip{display:none}.welcome-banner{padding:20px 18px}.welcome-banner h2{font-size:20px}.welcome-banner p{max-width:250px;line-height:1.7}.banner-art{position:absolute;right:-20px;bottom:3px;opacity:.32}.stats-grid{gap:9px}.stat-card{padding:13px;min-height:125px}.stat-value{font-size:22px}.stat-title{font-size:10px}.stat-note{font-size:9px}.panel-head{padding:14px}.chart-placeholder{padding-left:10px;padding-right:10px}.chart-y{width:28px}.login-card{padding:25px}.footer{font-size:9px}}.customer-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.customer-summary-grid .stat-card{min-height:118px}.customer-summary-grid .stat-icon{margin-bottom:9px}.add-customer{display:flex;align-items:center;gap:7px}.customer-panel{overflow:hidden}.customer-toolbar{display:flex;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid #202f46}.customer-search{min-width:220px;max-width:390px;flex:1;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #293a54;border-radius:7px;background:#0c1626;color:#8293ad}.customer-search input{width:100%;border:0;outline:0;background:transparent;color:#eaf0fb;font-size:11px}.customer-search input::placeholder{color:#73839d}.status-filter{display:flex;align-items:center;gap:8px;color:#8090aa;font-size:11px}.status-filter select,.customer-dialog select{border:1px solid #293a54;border-radius:7px;background:#101b2b;color:#dce6f6;padding:9px 10px;font-size:11px;outline:0}.customer-count{margin-left:auto;color:#8392aa;font-size:11px;white-space:nowrap}.customer-table-wrap{width:100%;overflow:auto}.customer-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.customer-table th{padding:12px 15px;background:#0d1727;color:#7687a2;font-size:10px;font-weight:600;letter-spacing:.35px}.customer-table td{padding:13px 15px;border-top:1px solid #1e2d43;color:#c5d0e1;font-size:11px}.customer-table td strong,.customer-table td>span:not(.customer-status){display:block}.customer-table td strong{font-size:11px;color:#e1e9f6;font-weight:600}.customer-code,.customer-email{display:block;color:#7889a3;font-size:10px;margin-top:4px}.table-muted{color:#65758f}.customer-status{display:inline-flex!important;align-items:center;text-transform:capitalize;border-radius:20px;padding:5px 8px;font-size:10px}.status-active{background:#173a36;color:#58d4ae}.status-suspended{background:#453728;color:#e9ba70}.status-closed{background:#2a3445;color:#a9b5c9}.row-actions{display:flex;justify-content:flex-end;gap:3px}.danger-action:hover{color:#ff9aa2;background:#402530;border-color:#70404b}.table-message{text-align:center!important;padding:42px 16px!important;color:#8998b0!important}.customer-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 15px;border-top:1px solid #202f46;color:#7e8da5;font-size:10px}.customer-pagination>div{display:flex;gap:8px}.customer-pagination .secondary{margin:0;padding:8px 11px;font-size:10px}.secondary:disabled{opacity:.45;cursor:not-allowed}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;border:1px solid #285345;background:#14332f;color:#76dfbb;border-radius:7px;padding:10px 12px;font-size:11px}.notice button{display:grid;place-items:center;border:0;background:transparent;color:inherit}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#030812bd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.customer-dialog{width:min(100%,650px);max-height:min(92vh,780px);overflow:auto;padding:22px;background:#101b2d;border:1px solid #2a3c57;border-radius:13px;box-shadow:0 24px 80px #0008}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dialog-heading h2{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.4px;margin:0}.customer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customer-form-grid label{display:block;color:#aab8ce;font-size:11px}.customer-form-grid input,.customer-form-grid select,.customer-form-grid textarea{display:block;width:100%;margin-top:7px;padding:10px 11px;border:1px solid #2a3a53;border-radius:7px;background:#0c1626;color:#eef4ff;font-size:12px;outline:0}.customer-form-grid input:focus,.customer-form-grid select:focus,.customer-form-grid textarea:focus{border-color:#548fff;box-shadow:0 0 0 3px #548fff19}.customer-form-grid textarea{resize:vertical;line-height:1.5}.form-wide{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:19px;padding-top:15px;border-top:1px solid #23324a}.dialog-actions .secondary{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.customer-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-table{min-width:760px}}@media(max-width:600px){.page-heading:has(.add-customer){align-items:flex-start}.add-customer{white-space:nowrap;padding:10px}.customer-summary-grid{gap:9px}.customer-summary-grid .stat-card{min-height:108px}.customer-toolbar{align-items:stretch;flex-wrap:wrap}.customer-search{max-width:none;flex-basis:100%}.status-filter{flex:1}.customer-count{display:flex;align-items:center}.customer-dialog{padding:18px}.customer-form-grid{grid-template-columns:1fr;gap:12px}.form-wide{grid-column:auto}.dialog-backdrop{padding:10px}.customer-pagination{padding:12px 10px}}.info-banner{padding:11px 13px;margin:0 0 15px;border:1px solid #314665;background:#14253d;color:#a9c3e8;border-radius:7px;font-size:11px;line-height:1.6}.form-note{margin:16px 0 0;font-size:10px}.subscription-banner{margin-bottom:14px}.customer-form-grid label.toggle-field,.toggle-field{display:flex;align-items:center;gap:8px;color:#aab8ce;font-size:10px}.toggle-field input{width:14px;height:14px;margin:0;accent-color:#4f8cff}.toolbar-toggle{white-space:nowrap}.compact-action{margin:0!important;padding:7px 9px;font-size:9px;white-space:nowrap}.row-actions{align-items:center}.plan-table{min-width:800px}.subscription-table{min-width:1030px}.subscription-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.subscription-actions .icon-button{font-size:15px;font-weight:600;color:#e4939a}.payment-needed{color:#d9b36f;font-size:9px;white-space:nowrap}.customer-status.status-pending{background:#443827;color:#e9bd73}.customer-status.status-expired{background:#31364b;color:#bdc6dc}.customer-status.status-cancelled{background:#3a2933;color:#d59aa5}.customer-status.status-suspended{background:#453728;color:#e9ba70}.subscription-type-select{display:block;width:min(100%,290px);margin-bottom:14px;color:#aab8ce;font-size:10px}.subscription-type-select select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #2a3a53;border-radius:7px;background:#0c1626;color:#eef4ff;font-size:11px}@media(max-width:600px){.customer-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-banner{font-size:10px}.subscription-actions{justify-content:flex-start}}.router-table{min-width:940px}.session-table{min-width:1050px}.router-security-note{margin-bottom:15px}.router-error-banner{border-color:#66444a;background:#301d2a;color:#e7abb3}.customer-status.status-router-online{background:#173a36;color:#58d4ae}.customer-status.status-router-offline{background:#402c30;color:#f09da4}.customer-status.status-router-unknown{background:#30364a;color:#b4c1d7}.customer-status.status-router-disabled{background:#2a3445;color:#a9b5c9}.session-table .compact-action{display:inline-flex;align-items:center;gap:5px}.provision-customer{margin:0 0 16px}.credential-result label{display:block;margin:14px 0;color:#aab8ce;font-size:11px}.credential-result input{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #2a3a53;border-radius:7px;background:#0c1626;color:#eef4ff;font-size:13px;-webkit-user-select:all;user-select:all}.credential-result .dialog-actions{justify-content:space-between}.credential-result .dialog-actions button{display:inline-flex;align-items:center;gap:6px}.session-summary-grid .stat-card{min-height:118px}.credential-edit-hint{margin:13px 0 0;color:#8293ad;font-size:10px;line-height:1.5}@media(max-width:900px){.router-table,.session-table{min-width:900px}}@media(max-width:600px){.provision-dialog{padding:17px}.credential-result .dialog-actions{flex-wrap:wrap}.router-security-note{font-size:10px}}.session-refresh-meta{margin:6px 0 0;color:#71839f;font-size:10px}.payment-heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.payment-heading-actions .secondary,.payment-heading-actions .primary{margin:0;white-space:nowrap}.payment-summary-grid .stat-value{font-size:clamp(16px,1.55vw,23px)}.payment-table{min-width:1080px}.customer-status.status-failed{background:#402c30;color:#f09da4}.customer-status.status-reversed{background:#31364b;color:#bdc6dc}.payment-package-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #263850;border-radius:7px;background:#0d1727;color:#8ea0ba;font-size:10px}.payment-package-summary strong{color:#dce8fb;font-size:11px}.receipt-dialog{width:min(100%,520px)}.receipt-amount{padding:15px 0 19px;border-bottom:1px solid #26364c;color:#7facff;font-family:Manrope,sans-serif;font-size:29px;font-weight:800}.receipt-details{margin:0}.receipt-details>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid #202f46;font-size:11px}.receipt-details dt{color:#8292aa}.receipt-details dd{margin:0;color:#e2eafa;text-align:right}.receipt-thanks{margin:18px 0 0;color:#8c9db6;font-size:11px;text-align:center}@media(max-width:700px){.payment-heading-actions{justify-content:flex-start}.payment-heading-actions button{font-size:10px;padding:9px 10px}.payment-package-summary{align-items:flex-start;flex-direction:column;gap:5px}.payment-summary-grid .stat-value{font-size:16px}}@media print{body *{visibility:hidden!important}.dialog-backdrop{position:static!important;display:block!important;padding:0!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.receipt-dialog{position:absolute!important;inset:0 auto auto 0!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:#111!important;box-shadow:none!important}.receipt-print-area,.receipt-print-area *{visibility:visible!important}.receipt-print-area{padding:32px!important;background:#fff!important;color:#111!important}.receipt-print-area .eyebrow,.receipt-details dt,.receipt-thanks{color:#555!important}.receipt-print-area h2,.receipt-details dd{color:#111!important}.receipt-amount{color:#164a9a!important;border-color:#ccc!important}.receipt-details>div{border-color:#ddd!important}.no-print{display:none!important}}.customer-status.status-confirmed{background:#173a36;color:#58d4ae}.recent-payment-list{padding:2px 16px 8px}.recent-payment-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #202f46}.recent-payment-row:last-child{border-bottom:0}.recent-payment-icon{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:8px;background:#192b45;color:#8db2ff}.recent-payment-customer{min-width:0;flex:1}.recent-payment-customer strong,.recent-payment-customer small,.recent-payment-amount strong,.recent-payment-amount small{display:block}.recent-payment-customer strong{overflow:hidden;color:#dce6f6;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.recent-payment-customer small,.recent-payment-amount small{margin-top:4px;color:#8191aa;font-size:9px}.recent-payment-amount{text-align:right;white-space:nowrap}.recent-payment-amount strong{color:#e2ebfb;font-size:10px}.recent-payment-row .customer-status{font-size:9px}.payment-view-tabs{display:flex;gap:18px;padding:0 16px;border-bottom:1px solid #202f46}.payment-view-tabs button{padding:13px 2px;border:0;border-bottom:2px solid transparent;background:transparent;color:#8292aa;font-size:11px}.payment-view-tabs button.active{border-bottom-color:#4f8cff;color:#cfe0ff}.customer-status.status-void{background:#2a3445;color:#a9b5c9}.invoice-number{margin:4px 0 0;color:#9aabc4;font-size:12px;font-weight:650;letter-spacing:.6px}.reconcile-actions{flex-wrap:wrap}.dashboard-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:22px}.dashboard-metric-grid .stat-card{min-width:0;min-height:132px}.dashboard-live-section{margin-bottom:22px}.dashboard-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}.dashboard-section-heading h2{margin:0;color:#e1eafa;font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.2px}.dashboard-section-heading p{margin:5px 0 0;color:#8191aa;font-size:10px}.dashboard-refresh{display:inline-flex;align-items:center;gap:6px;margin:0!important;padding:8px 10px!important;font-size:10px!important}.dashboard-network-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.dashboard-network-grid .stat-card{min-height:120px}.dashboard-network-alert{margin:11px 0 0}.dashboard-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:17px}.dashboard-status-grid,.dashboard-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:17px}.dashboard-router-summary{display:flex;flex-wrap:wrap;gap:14px;padding:0 16px 6px;color:#91a0b7;font-size:9px}.dashboard-router-summary span{display:inline-flex;align-items:center;gap:6px}.dashboard-router-summary .router-health-dot{width:6px;height:6px}.dashboard-panel-link{padding:6px 9px;border:1px solid #2a3d5a;border-radius:6px;background:#14243a;color:#91b4ff;font-size:9px;font-weight:650}.dashboard-panel-link:hover{border-color:#42669a;background:#1a2d48}.dashboard-stk-panel{min-height:170px}.dashboard-stk-body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px 8px}.dashboard-service-indicator{display:inline-flex;align-items:center;gap:8px;border-radius:30px;padding:7px 10px;font-size:11px;font-weight:650}.dashboard-service-indicator i{width:7px;height:7px;border-radius:50%;background:currentColor}.service-ready{background:#173a36;color:#58d4ae}.service-missing{background:#402c30;color:#f09da4}.service-unavailable{background:#453728;color:#e9ba70}.service-checking{background:#30364a;color:#b4c1d7}.dashboard-stk-environment{color:#93a3ba;font-size:10px;font-weight:700;letter-spacing:.7px}.dashboard-service-note{margin:5px 16px 16px;color:#8191aa;font-size:10px;line-height:1.55}.dashboard-router-list,.dashboard-rank-list{padding:4px 16px 8px}.dashboard-router-row,.dashboard-rank-row{min-height:58px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #202f46}.dashboard-router-row:last-child,.dashboard-rank-row:last-child{border-bottom:0}.router-health-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#75839a}.router-health-online{background:#36cba0;box-shadow:0 0 0 4px #36cba018}.router-health-offline{background:#f07882;box-shadow:0 0 0 4px #f0788218}.router-health-disabled{background:#7d8798}.dashboard-router-name,.dashboard-rank-name{min-width:0;flex:1}.dashboard-router-name strong,.dashboard-router-name small,.dashboard-rank-name strong,.dashboard-rank-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-router-name strong,.dashboard-rank-name strong{font-size:11px;color:#dce6f6}.dashboard-router-name small,.dashboard-rank-name small{margin-top:4px;font-size:9px;color:#8191aa}.dashboard-router-name small.dashboard-router-error{overflow:visible;color:#f09da4;white-space:normal}.router-health-label{font-size:9px;text-transform:capitalize;color:#9daac0}.router-health-label-online{color:#58d4ae}.router-health-label-offline{color:#f09da4}.router-health-label-disabled{color:#9daac0}.rank-number{width:23px;height:23px;flex:none;display:grid;place-items:center;border-radius:7px;background:#1a2a43;color:#91b4ff;font-size:10px;font-weight:700}.rank-count{min-width:25px;text-align:right;color:#dce6f6;font-size:11px;font-weight:700}.dashboard-empty{padding:24px 16px;color:#8291aa;font-size:10px;text-align:center}.growth-legend-dot{background:#36cba0!important}@media(max-width:1100px){.dashboard-status-grid,.dashboard-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.dashboard-chart-grid,.dashboard-status-grid,.dashboard-detail-grid{grid-template-columns:1fr}}@media(max-width:1250px){.dashboard-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.dashboard-network-grid{grid-template-columns:1fr}.dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-section-heading{align-items:flex-start}.dashboard-metric-grid .stat-card{min-height:112px}}.plans-fetch-error{display:flex;align-items:center;justify-content:space-between;gap:12px}.plans-fetch-error .compact-action{flex-shrink:0}