@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:#1f2937;background:#f7fdf9;font-family:Inter,sans-serif}.app{background:#f8fafc;flex-direction:column;max-width:520px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden}.top-header{color:#fff;z-index:10;background:#166534;border-bottom-right-radius:22px;border-bottom-left-radius:22px;justify-content:space-between;align-items:center;min-height:82px;padding:18px 20px;display:flex;position:relative;box-shadow:0 5px 18px #0f4c8129}.brand-name{letter-spacing:.3px;font-size:20px;font-weight:700;line-height:1.2}.brand-tagline{opacity:.88;letter-spacing:1px;margin-top:4px;font-size:10px;line-height:1.2}.internet-status{background:#ffffff24;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:700;display:flex;box-shadow:0 3px 10px #00000014}.status-dot{background:#39d353;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #39d35329}.content{flex-direction:column;flex:1;padding:20px 16px 96px;display:flex;position:relative}.page{display:none}.page.active{display:block}.portal-v1-app .page.active{flex-direction:column;flex:1;display:flex}.portal-v1-app .page.active>.usage-section{margin-top:auto!important}.welcome{margin-bottom:20px}.welcome-small{color:#64748b;margin-bottom:5px;font-size:13px;line-height:1.3}.welcome h1{color:#1f2937;letter-spacing:-.2px;margin:0;font-size:23px;font-weight:700;line-height:1.25}.welcome p{color:#64748b;margin:7px 0 0;font-size:13px;line-height:1.5}@media (max-width:600px){.top-header{border-bottom-right-radius:20px;border-bottom-left-radius:20px;min-height:78px;padding:16px 17px}.brand-name{font-size:19px}.brand-tagline{font-size:9px}.internet-status{padding:6px 9px;font-size:10px}.content{padding:18px 14px 92px}.welcome{margin-bottom:18px}.welcome h1{font-size:22px}.welcome p{font-size:12px}}.menu-card{text-align:center;cursor:pointer;border:1px solid #0000;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:108px;padding:14px 8px;font-family:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 4px 12px #1f29370f}.menu-card:first-child{background:#f0fdf4;border-color:#dcfce7}.menu-card:nth-child(2){background:#eafbf4;border-color:#d2f1e3}.menu-card:nth-child(3){background:#f0fdf4;border-color:#f0fdf4}.menu-icon{background:#ffffffb8;border-radius:15px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex;box-shadow:0 3px 8px #1f29370d}.menu-icon svg,.menu-icon img{object-fit:contain;width:25px;height:25px}.menu-title{color:#1f2937;margin:0;font-size:11px;font-weight:700;line-height:1.3}.menu-card:first-child:hover{border-color:#bbf7d0;box-shadow:0 7px 18px #16a34a1a}.menu-card:nth-child(2):hover{border-color:#b9e8d5;box-shadow:0 7px 18px #0596691a}.menu-card:nth-child(3):hover{border-color:#dcfce7;box-shadow:0 7px 18px #16a34a1a}@media (max-width:600px){.main-menu{gap:9px}.menu-card{border-radius:17px;min-height:105px;padding:12px 6px}.menu-icon{border-radius:14px;width:44px;height:44px}.menu-icon svg,.menu-icon img{width:23px;height:23px}}.main-menu{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.menu-card{text-align:center;cursor:pointer;border:1px solid #0000;border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:145px;padding:16px 8px;font-family:inherit;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.menu-card:first-child{background:#f0fdf4;border-color:#dcfce7;box-shadow:0 5px 16px #16a34a12}.menu-card:nth-child(2){background:#eafbf4;border-color:#d1f1e3;box-shadow:0 5px 16px #10b98112}.menu-card:nth-child(3){background:#f0fdf4;border-color:#dcfce7;box-shadow:0 5px 16px #16a34a12}.menu-icon{background:#ffffffb8;border-radius:17px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.menu-card:first-child .menu-icon{color:#16a34a}.menu-card:nth-child(2) .menu-icon{color:#059669}.menu-card:nth-child(3) .menu-icon{color:#16a34a}.menu-icon img,.menu-icon svg{object-fit:contain;width:27px;height:27px}.menu-title{color:#1e293b;letter-spacing:.1px;margin-bottom:5px;font-size:12px;font-weight:700;line-height:1.3}.menu-description{color:#64748b;font-size:10px;line-height:1.45}.menu-description strong{font-weight:700}.menu-card:first-child .menu-description strong{color:#16a34a}.menu-card:nth-child(2) .menu-description strong{color:#059669}.menu-card:nth-child(3) .menu-description strong{color:#ed3a3a}.menu-card:hover{transform:translateY(-3px)}.menu-card:first-child:hover{box-shadow:0 9px 22px #16a34a1f}.menu-card:nth-child(2):hover{box-shadow:0 9px 22px #10b9811f}.menu-card:nth-child(3):hover{box-shadow:0 9px 22px #16a34a1f}.menu-card:active{transform:scale(.97)}@media (max-width:600px){.main-menu{gap:10px}.menu-card{border-radius:18px;min-height:135px;padding:14px 7px}.menu-icon{border-radius:15px;width:48px;height:48px}.menu-icon img,.menu-icon svg{width:25px;height:25px}}.usage-section{background:#fff;border:1px solid #dcfce7;border-radius:20px;margin-top:20px;padding:16px;position:relative;overflow:hidden;box-shadow:0 6px 20px #16a34a12}.usage-section:before{content:"";filter:blur(20px);pointer-events:none;background:#4ade801a;border-radius:50%;width:120px;height:120px;position:absolute;top:-70px;right:-45px}.section-header{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex;position:relative}.section-title{color:#1f2937;font-size:15px;font-weight:700}.section-subtitle{color:#64748b;margin-top:4px;font-size:12px}.period{color:#16a34a;background:#dcfce7cc;border:1px solid #bbf7d059;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #16a34a0f}.traffic-summary{gap:12px;display:flex}.traffic-box{border:1px solid #0000;border-radius:18px;flex:1;padding:14px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 5px 16px #16a34a14}.traffic-box:first-child{background:#dcfce7b8;border-color:#bbf7d08c;box-shadow:0 5px 16px #16a34a1a}.traffic-box:first-child:before{content:"";filter:blur(16px);pointer-events:none;background:#16a34a29;border-radius:50%;width:80px;height:80px;position:absolute;top:-38px;right:-28px}.traffic-box:nth-child(2){background:#dcfce7b8;border-color:#bbf7d08c;box-shadow:0 5px 16px #16a34a14}.traffic-box:nth-child(2):before{content:"";filter:blur(16px);pointer-events:none;background:#16a34a26;border-radius:50%;width:80px;height:80px;position:absolute;top:-38px;right:-28px}.traffic-label{color:#64748b;letter-spacing:.5px;font-size:10px;font-weight:700;position:relative}.traffic-value{color:#16a34a;margin-top:6px;font-size:21px;font-weight:700;position:relative}.traffic-box:nth-child(2) .traffic-value{color:#16a34a}.traffic-value span{color:#64748b;font-size:10px;font-weight:600}.traffic-desc{color:#94a3b8;margin-top:3px;font-size:10px;position:relative}.traffic-box:hover{transform:translateY(-2px)}@media (max-width:600px){.traffic-summary{gap:10px}.traffic-box{border-radius:16px;padding:12px}.traffic-value{font-size:19px}}.chart{margin-top:18px}.chart-title{color:#64748b;margin-bottom:12px;font-size:11px}.chart-bars{border-bottom:1px solid #dcfce7;justify-content:space-between;align-items:flex-end;gap:8px;height:120px;padding:0 3px;display:flex}.bar-wrapper{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.chart-bar-usage{color:#334155;white-space:nowrap;font-size:9px;font-weight:800;line-height:1}.bar{background:#bbf7d0;border-radius:5px 5px 0 0;width:100%;max-width:22px;min-height:5px}.bar-wrapper.today .bar{background:#16a34a}.bar-wrapper span{color:#94a3b8;font-size:10px}.page-header{align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-title{color:#1f2937;font-size:21px;font-weight:700}.page-subtitle{color:#64748b;margin-top:4px;font-size:11px}.back-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dcfce7;border-radius:9px;width:38px;height:38px;font-size:25px;line-height:1}.detail-card{background:#fff;border:1px solid #dcfce7;border-radius:11px;margin-bottom:10px;padding:16px;box-shadow:0 2px 7px #1f293708}.detail-label{letter-spacing:.6px;color:#64748b;margin-bottom:9px;font-size:9px;font-weight:700}.connection-status{color:#334155;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.wifi-name{margin-bottom:14px;font-size:17px;font-weight:700}.password-hidden{letter-spacing:3px;color:#64748b;margin-bottom:14px;font-size:17px}.primary-button{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:12px;font-weight:700}.primary-button:hover{background:#16a34a}.full-button{width:100%}.device-summary{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:11px;align-items:center;gap:14px;margin-bottom:12px;padding:16px;display:flex}.device-count{color:#16a34a;font-size:32px;font-weight:700}.device-count-label{font-size:13px;font-weight:700}.device-item{background:#fff;border:1px solid #dcfce7;border-radius:10px;align-items:center;padding:12px;display:flex}.device-icon-small{color:#16a34a;background:#f0fdf4;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:9px;font-weight:700;display:flex}.device-info{flex:1;padding-left:10px}.device-name{font-size:13px;font-weight:700}.device-online{color:#334155;font-size:9px;font-weight:700}.payment-card{color:#fff;background:#16a34a;border-radius:12px;margin-bottom:12px;padding:20px}.payment-label{opacity:.8;letter-spacing:.7px;font-size:9px;font-weight:700}.payment-price{margin-top:7px;font-size:28px;font-weight:700}.payment-period{opacity:.8;margin-top:4px;font-size:10px}.bank-name{font-size:14px;font-weight:700}.account-number{letter-spacing:1px;color:#334155;margin-top:7px;font-size:20px;font-weight:700}.account-owner{color:#64748b;margin-top:4px;font-size:10px}.ai-welcome{box-sizing:border-box;text-align:center;background:#f0fdf4;border:1px solid #dcfce7;border-radius:20px;width:100%;padding:22px 20px;box-shadow:0 6px 18px #16a34a0f}.ai-icon{color:#334155;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:17px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 13px;font-size:13px;font-weight:700;display:flex;box-shadow:0 4px 12px #16a34a14}.ai-icon img{object-fit:contain;width:32px;height:32px}.ai-welcome h2{color:#1e293b;margin:0;font-size:18px;font-weight:700;line-height:1.3}.ai-welcome p{color:#64748b;max-width:330px;margin:8px auto 0;font-size:12px;line-height:1.6}.ai-message{box-sizing:border-box;color:#1e293b;text-align:left;background:#f0fdf4;border:1px solid #dcfce7;border-radius:16px;width:fit-content;max-width:90%;margin-top:15px;padding:11px 14px;font-size:12px;line-height:1.5;display:block;box-shadow:0 3px 10px #16a34a0d}.ai-input-area{align-items:center;gap:8px;margin-top:18px;display:flex}.ai-input-area input{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #dcfce7;border-radius:999px;outline:none;flex:1;min-width:0;padding:12px 14px;font-family:inherit;font-size:12px;transition:border-color .2s,box-shadow .2s}.ai-input-area input::placeholder{color:#94a3b8}.ai-input-area input:focus{border-color:#86efac;box-shadow:0 0 0 3px #16a34a14}.ai-input-area button{color:#334155;cursor:pointer;background:#f0fdf4;border:1px solid #dcfce7;border-radius:999px;flex-shrink:0;min-width:48px;height:42px;padding:0 15px;font-family:inherit;font-size:11px;font-weight:700;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;box-shadow:0 4px 10px #16a34a12}.ai-input-area button:hover{background:#dcfce7;border-color:#bbf7d0;transform:translateY(-1px);box-shadow:0 6px 14px #16a34a1a}.ai-input-area button:active{transform:scale(.96)}@media (max-width:380px){.ai-welcome{border-radius:18px;padding:20px 16px}.ai-icon{border-radius:15px;width:52px;height:52px;margin-bottom:12px}.ai-icon img{width:29px;height:29px}.ai-welcome h2{font-size:17px}.ai-welcome p{font-size:11px;line-height:1.55}.ai-message{border-radius:14px;margin-top:13px;padding:10px 12px;font-size:11px}.ai-input-area{gap:6px;margin-top:15px}.ai-input-area input{padding:11px 12px;font-size:11px}.ai-input-area button{min-width:44px;height:40px;padding:0 13px;font-size:10px}}.profile-card{background:#fff;border:1px solid #dcfce7;border-radius:12px;align-items:center;gap:13px;margin-bottom:12px;padding:16px;display:flex}.profile-avatar{color:#334155;background:#f0fdf4;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:12px;font-weight:700;display:flex}.profile-name{font-size:15px;font-weight:700}.profile-phone{color:#64748b;margin-top:4px;font-size:11px}.account-menu{flex-direction:column;gap:8px;display:flex}.account-menu button{text-align:left;cursor:pointer;background:#fff;border:1px solid #dcfce7;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:14px;font-family:inherit;display:flex}.account-menu strong{color:#1f2937;font-size:13px;display:block}.account-menu span{color:#64748b;margin-top:4px;font-size:10px;display:block}.support-card{box-sizing:border-box;text-align:center;background:#f7fdf9;border:1px solid #dcfce7;border-radius:20px;width:100%;padding:26px 20px;position:relative;overflow:hidden;box-shadow:0 6px 18px #16a34a12}.support-icon{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7;border-radius:17px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 15px;font-size:13px;font-weight:700;display:flex;box-shadow:0 4px 12px #16a34a14}.support-icon img{object-fit:contain;width:32px;height:32px}.support-card h2{color:#1e293b;margin:0;font-size:19px;font-weight:700;line-height:1.3}.support-card p{color:#64748b;max-width:350px;margin:9px auto 20px;font-size:12px;line-height:1.6}.whatsapp-button{box-sizing:border-box;color:#475569;background:#eafbf4;border:1px solid #dcfce7;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:170px;padding:12px 18px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 12px #05966912}.whatsapp-button:hover{background:#dff8ed;border-color:#b8e8d1;transform:translateY(-1px);box-shadow:0 6px 16px #0596691a}.whatsapp-button:active{transform:scale(.97)}@media (max-width:380px){.support-card{border-radius:18px;padding:22px 16px}.support-icon{border-radius:15px;width:52px;height:52px;margin-bottom:13px}.support-icon img{width:29px;height:29px}.support-card h2{font-size:17px}.support-card p{margin:8px auto 17px;font-size:11px;line-height:1.55}.whatsapp-button{min-width:155px;padding:11px 16px;font-size:11px}}.bottom-nav{z-index:100;background:#dcfce7f5;border:1px solid #bbf7d0a6;border-radius:999px;justify-content:space-around;align-items:center;width:calc(100% - 24px);max-width:520px;height:58px;padding:0 6px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #16a34a26}.nav-item{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;height:100%;font-family:Inter,sans-serif;transition:color .2s,background .2s,transform .2s;display:flex}.nav-item:hover{color:#334155}.nav-item:active{transform:scale(.96)}.nav-item.active{color:#16a34a;background:#ffffff8c}.nav-icon{font-size:14px;font-weight:700}.dashboard-icon{font-size:20px}.nav-item small{font-size:9px;font-weight:600}.nav-item.active{color:#16a34a}@media (min-width:521px){.app{min-height:100vh;box-shadow:0 0 30px #1f293714}}@media (max-width:360px){.top-header{padding-left:15px;padding-right:15px}.brand-name{font-size:18px}.internet-status{padding:6px 8px;font-size:9px}.content{padding-left:12px;padding-right:12px}.welcome h1{font-size:21px}.traffic-value{font-size:18px}}.menu-icon-wrap{width:50px;height:50px;margin-bottom:10px;position:relative}.menu-icon{color:#334155;background:#f0fdf4;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:12px;font-weight:700;display:flex}.device-badge{color:#fff;z-index:2;box-sizing:border-box;background:#16a34a;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-7px;right:-8px}.transfer-card{text-align:center;background:#fff;border:1px solid #dcfce7;border-radius:12px;margin-bottom:12px;padding:24px 16px;box-shadow:0 2px 8px #1f29370a}.transfer-main-icon{color:#334155;background:#f0fdf4;border-radius:14px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 14px;font-size:28px;font-weight:700;display:flex}.transfer-main-icon span{display:block;transform:translateY(-2px)}.transfer-title{color:#1f2937;font-size:16px;font-weight:700}.transfer-description{color:#64748b;margin-top:5px;margin-bottom:18px;font-size:11px;line-height:1.5}.photo-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.photo-option{cursor:pointer;background:#f7fdf9;border:1px solid #dcfce7;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:105px;padding:14px 8px;transition:border-color .15s,background .15s;display:flex;position:relative}.photo-option:hover{background:#f0fdf4;border-color:#16a34a}.photo-option:active{transform:scale(.98)}.photo-option-icon{margin-bottom:8px;font-size:24px;line-height:1}.photo-option-title{color:#1f2937;font-size:11px;font-weight:700}.photo-option-description{color:#64748b;margin-top:3px;font-size:9px}.photo-option input{display:none}.transfer-preview{background:#f7fdf9;border:1px solid #dcfce7;border-radius:10px;margin-top:15px;padding:8px;display:none}.transfer-preview.active{display:block}.transfer-preview img{object-fit:contain;border-radius:7px;width:100%;max-height:280px;display:block}.transfer-preview-name{color:#64748b;word-break:break-word;margin-top:8px;font-size:10px}.full-button{width:100%;margin-bottom:14px}.login-page{background:#f7fdf9;justify-content:center;min-height:100vh;margin:0;padding:0;display:flex}.login-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:420px;min-height:100vh;padding:50px 18px 25px;display:flex}.login-brand{text-align:center;margin-bottom:-25px}.login-logo{color:#fff;background:#16a34a;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 14px;font-size:20px;font-weight:800;display:flex}.login-brand-name{color:#1f2937;letter-spacing:.2px;font-size:19px;font-weight:800}.login-brand-tagline{color:#64748b;letter-spacing:.8px;margin-top:4px;font-size:9px;font-weight:600}.login-card{box-sizing:border-box;background:#fff;border:1px solid #dcfce7;border-radius:12px;width:100%;padding:24px 18px;box-shadow:0 3px 12px #1f29370d}.login-title{color:#1f2937;text-align:center;font-size:17px;font-weight:700}.login-subtitle{color:#64748b;text-align:center;margin-top:5px;margin-bottom:22px;font-size:11px}.login-label{color:#1f2937;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.login-input{box-sizing:border-box;color:#1f2937;background:#f7fdf9;border:1px solid #dcfce7;border-radius:8px;outline:none;width:100%;height:44px;padding:0 13px;font-family:inherit;font-size:12px}.login-input:focus{background:#fff;border-color:#16a34a;box-shadow:0 0 0 3px #0066ff14}.login-input::placeholder{color:#94a3b8}.login-button{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:8px;width:100%;height:44px;margin-top:16px;font-family:inherit;font-size:12px;font-weight:700}.login-button:hover{background:#16a34a}.login-button:active{transform:scale(.99)}.login-info{color:#64748b;text-align:center;margin-top:14px;font-size:9px;line-height:1.5}.login-help{color:#64748b;text-align:center;border-top:1px solid #94a3b833;margin-top:12px;padding-top:12px;font-size:9px;line-height:1.6}.login-help a{color:#334155;font-weight:700;text-decoration:none}.login-help a:hover{text-decoration:underline}.login-footer{color:#94a3b8;margin-top:auto;padding-top:25px;font-size:9px}.login-logo-image{width:180px;max-width:90%;height:auto;margin:0 auto;display:block}.dashboard-logo{width:190px;max-width:100%;height:auto;display:block}.top-header{color:#fff;background:#22c55e;justify-content:space-between;align-items:center;padding:12px 16px 12px 8px;display:flex}.dashboard-logo{object-position:left center;width:190px;height:auto;display:block}.modem-status{flex-direction:column;align-items:center;min-width:58px;display:flex;position:relative}.modem-online{align-items:center;gap:4px;margin-bottom:4px;font-size:8px;font-weight:700;display:flex}.modem-online .status-dot{background:#16a34a;border-radius:50%;width:6px;height:6px}.modem-icon{justify-content:center;align-items:center;width:65px;height:65px;display:flex}.modem-icon img{object-fit:contain;width:90px;height:auto;display:block}.menu-svg-icon{object-fit:contain;width:42px;height:42px;display:block}.nav-icon{object-fit:contain;width:25px;height:25px;margin:0 auto 4px;display:block}.traffic-label{align-items:center;width:100%;display:flex;position:relative}.traffic-icon{object-fit:contain;width:45px;height:45px;display:block;position:absolute;right:0;transform:translateY(20px)}.menu-card{cursor:pointer;z-index:2;position:relative}.menu-card img{pointer-events:none}.wifi-band-selector{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.wifi-band-tab{text-align:left;cursor:pointer;border:1px solid #0000;border-radius:18px;align-items:center;gap:10px;width:100%;min-height:72px;padding:10px;font-family:inherit;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.wifi-band-tab:first-child{background:#f0fdf4;border-color:#dcfce7;box-shadow:0 4px 12px #16a34a0f}.wifi-band-tab:first-child .wifi-band-icon{background:#fff}.wifi-band-tab:first-child .wifi-band-text strong{color:#16a34a}.wifi-band-tab:nth-child(2){background:#f0fdf4;border-color:#f0fdf4;box-shadow:0 4px 12px #16a34a0f}.wifi-band-tab:nth-child(2) .wifi-band-icon{background:#fff}.wifi-band-tab:nth-child(2) .wifi-band-text strong{color:#16a34a}.wifi-band-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex;box-shadow:0 3px 8px #1f29370d}.wifi-band-icon img{object-fit:contain;width:30px;height:30px}.wifi-band-text{min-width:0}.wifi-band-text strong{margin-bottom:4px;font-size:12px;font-weight:700;line-height:1.3;display:block}.wifi-band-text span{color:#64748b;font-size:9px;line-height:1.3;display:block}.wifi-band-tab.active{transform:translateY(-1px)}.wifi-band-tab:first-child.active,.wifi-band-tab:nth-child(2).active{border-color:#86efac;box-shadow:0 6px 16px #16a34a1f}.wifi-band-tab:first-child:hover{border-color:#bbf7d0;transform:translateY(-1px);box-shadow:0 6px 16px #16a34a1a}.wifi-band-tab:nth-child(2):hover{border-color:#dcfce7;transform:translateY(-1px);box-shadow:0 6px 16px #16a34a1a}.wifi-band-tab:active{transform:scale(.98)}.wifi-band-content{display:none}.wifi-band-content.active{display:block}.wifi-setting-header{border-bottom:1px solid #f0fdf4;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;display:flex}.wifi-setting-icon{background:#f0fdf4;border:1px solid #dcfce7;border-radius:13px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;display:flex}.wifi-setting-icon img{object-fit:contain;width:31px;height:31px}.wifi-setting-subtitle{color:#64748b;margin-top:3px;font-size:10px;line-height:1.3}@media (max-width:380px){.wifi-band-selector{gap:7px}.wifi-band-tab{border-radius:16px;gap:7px;min-height:68px;padding:8px}.wifi-band-icon{border-radius:11px;width:35px;min-width:35px;height:35px}.wifi-band-icon img{width:27px;height:27px}.wifi-band-text strong{font-size:11px}.wifi-band-text span{font-size:8px}.wifi-setting-icon{border-radius:11px;width:38px;min-width:38px;height:38px}.wifi-setting-icon img{width:27px;height:27px}.wifi-setting-subtitle{font-size:9px}}.device-list{flex-direction:column;gap:10px;display:flex}.device-item{box-sizing:border-box;background:#fff;border:1px solid #e6ecf4;border-radius:14px;align-items:center;width:100%;min-height:64px;padding:10px 12px;display:flex;box-shadow:0 2px 8px #0f2d500a}.device-icon-small{background:#f0fdf4;border-radius:11px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;margin-right:11px;display:flex;overflow:hidden}.device-icon-small img{object-fit:contain;width:28px;height:28px;display:block}.device-info{flex:1;min-width:0}.device-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:1.3;overflow:hidden}.device-ip{color:#64748b;margin-top:3px;font-size:9px;line-height:1.3}.device-summary{box-sizing:border-box;background:#f0fdf4;border:1px solid #dcfce7;border-radius:18px;align-items:center;width:100%;margin-bottom:14px;padding:14px 16px;display:flex;box-shadow:0 4px 12px #16a34a0f}.device-count{color:#334155;margin-right:12px;font-size:28px;font-weight:700;line-height:1}.device-count-label{color:#1e293b;font-size:11px;font-weight:700}.device-count-status{color:#64748b;margin-top:3px;font-size:9px}.device-item{box-sizing:border-box;border:1px solid #0000;border-radius:16px;align-items:center;width:100%;min-height:66px;margin-bottom:9px;padding:11px 12px;transition:transform .2s,box-shadow .2s;display:flex}.device-item:first-child{background:#f0fdf4;border-color:#dcfce7;box-shadow:0 4px 12px #16a34a0f}.device-item:nth-child(2){background:#eafbf4;border-color:#d2f1e3;box-shadow:0 4px 12px #0596690f}.device-item:nth-child(3){background:#f0fdf4;border-color:#f0fdf4;box-shadow:0 4px 12px #16a34a0f}.device-item:nth-child(4){background:#fff8e7;border-color:#f7e8b5;box-shadow:0 4px 12px #d977060f}.device-item:nth-child(5){background:#fff0f3;border-color:#f8d6de;box-shadow:0 4px 12px #e11d480f}.device-icon-small{background:#ffffffb8;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;margin-right:10px;display:flex}.device-icon-small img{object-fit:contain;width:26px;height:26px}.device-name{color:#1e293b;font-size:11px;font-weight:700}.device-ip{color:#64748b;margin-top:3px;font-size:8px}.device-online{color:#334155;white-space:nowrap;background:#ffffffbf;border-radius:999px;margin-left:auto;padding:5px 8px;font-size:7px;font-weight:700}.device-item:hover{transform:translateY(-2px)}@media (max-width:380px){.device-summary{border-radius:16px;margin-bottom:12px;padding:13px 14px}.device-count{margin-right:10px;font-size:26px}.device-count-label{font-size:10px}.device-count-status{font-size:8px}.device-item{border-radius:15px;min-height:60px;margin-bottom:8px;padding:9px 10px}.device-icon-small{border-radius:11px;width:38px;min-width:38px;height:38px;margin-right:9px}.device-icon-small img{width:25px;height:25px}.device-name{font-size:11px}.device-ip{font-size:8px}.device-online{padding:4px 7px;font-size:7px}}.transfer-main-icon{background:#f0fdf4;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 12px;display:flex}.transfer-main-icon img{object-fit:contain;width:31px;height:31px;display:block}.photo-option-icon{background:#f0fdf4;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 8px;display:flex}.photo-option-icon img{object-fit:contain;width:25px;height:25px;display:block}@media (max-width:380px){.transfer-main-icon{border-radius:13px;width:48px;height:48px}.transfer-main-icon img{width:28px;height:28px}.photo-option-icon{border-radius:10px;width:36px;height:36px}.photo-option-icon img{width:23px;height:23px}}.payment-account-title{border-bottom:1px solid #f0fdf4;align-items:center;gap:11px;margin-bottom:14px;padding-bottom:12px;display:flex}.payment-account-title-icon{background:#f0fdf4;border:1px solid #dcfce7;border-radius:13px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;display:flex;overflow:hidden;box-shadow:0 3px 8px #16a34a0d}.payment-account-title-icon img{object-fit:contain;width:29px;height:29px;display:block}.payment-account-title .detail-label{margin:0}.payment-account-subtitle{color:#64748b;margin-top:3px;font-size:9px;line-height:1.3}.payment-bank-item{box-sizing:border-box;border-bottom:1px solid #f0fdf4;align-items:center;width:100%;padding:12px 0;display:flex}.payment-bank-item:last-child{border-bottom:none;padding-bottom:2px}.payment-bank-icon{background:#f0fdf4;border:1px solid #dcfce7;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;margin-right:11px;display:flex;overflow:hidden}.payment-bank-icon img{object-fit:contain;width:29px;height:29px;display:block}.payment-bank-info{flex:1;min-width:0}.payment-bank-info .bank-name{color:#1f2937;margin:0 0 3px;font-size:11px;font-weight:700;line-height:1.3}.account-number-row{align-items:center;gap:7px;width:100%;display:flex}.account-number-row .account-number{letter-spacing:.7px;color:#334155;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:15px;font-weight:700;overflow:hidden}.copy-account-button{color:#334155;cursor:pointer;background:#f0fdf4;border:1px solid #dcfce7;border-radius:999px;flex-shrink:0;padding:5px 9px;font-family:inherit;font-size:8px;font-weight:700;transition:background .15s,border-color .15s,transform .15s}.copy-account-button:hover{background:#dcfce7;border-color:#bbf7d0}.copy-account-button:active{transform:scale(.95)}.copy-account-button.copied{color:#334155;background:#ecfdf3;border-color:#bbf7d0}.payment-bank-info .account-owner{color:#64748b;margin-top:3px;font-size:8px;line-height:1.3}@media (max-width:380px){.payment-account-title{gap:9px;margin-bottom:12px;padding-bottom:10px}.payment-account-title-icon{border-radius:11px;width:38px;min-width:38px;height:38px}.payment-account-title-icon img{width:25px;height:25px}.payment-account-subtitle{font-size:9px}.payment-bank-item{padding:10px 0}.payment-bank-icon{border-radius:11px;width:38px;min-width:38px;height:38px;margin-right:9px}.payment-bank-icon img{width:26px;height:26px}.payment-bank-info .bank-name{font-size:10px}.account-number-row{gap:5px}.account-number-row .account-number{letter-spacing:.5px;font-size:13px}.copy-account-button{border-radius:999px;padding:4px 7px;font-size:7px}.payment-bank-info .account-owner{font-size:8px}}.account-info-card{background:#fff;border:1px solid #f0fdf4;border-radius:20px;margin-top:16px;padding:18px;position:relative;overflow:hidden;box-shadow:0 5px 16px #16a34a0f}.account-info-item{border-bottom:1px solid #edf2f7;padding:13px 0}.account-info-item:first-child{padding-top:0}.account-info-item:last-child{border-bottom:none;padding-bottom:0}.account-info-label{color:#64748b;letter-spacing:.5px;margin-bottom:5px;font-size:10px;font-weight:700;line-height:1.3}.account-info-value{color:#1e293b;word-break:break-word;font-size:15px;font-weight:600;line-height:1.4}@media (max-width:600px){.account-info-card{border-radius:18px;margin-top:14px;padding:16px}.account-info-item{padding:12px 0}.account-info-label{font-size:9px}.account-info-value{font-size:14px}}.account-action-button{text-align:left;cursor:pointer;background:#f0fdf4;border:1px solid #dcfce7;border-radius:18px;align-items:center;gap:12px;width:100%;margin-top:14px;padding:14px 16px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #16a34a12}.account-action-icon{background:#dcfce7;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.account-action-icon img{object-fit:contain;width:24px;height:24px}.account-action-text{flex:1;min-width:0}.account-action-text strong{color:#334155;margin-bottom:3px;font-size:14px;font-weight:700;line-height:1.3;display:block}.account-action-text span{color:#64748b;font-size:11px;font-weight:500;line-height:1.35;display:block}.account-action-arrow{color:#334155;flex-shrink:0;font-size:24px;font-weight:400;line-height:1}.account-action-button:hover{background:#dcfce7;border-color:#bbf7d0;transform:translateY(-1px);box-shadow:0 6px 18px #16a34a1a}.account-action-button:active{transform:scale(.98)}@media (max-width:600px){.account-action-button{border-radius:17px;margin-top:12px;padding:13px 14px}.account-action-icon{border-radius:12px;width:40px;height:40px}.account-action-icon img{width:23px;height:23px}.account-action-text strong{font-size:13px}.account-action-text span{font-size:10px}.account-action-arrow{font-size:22px}}.account-logout-button{cursor:pointer;background:#fab2b2;border:1px solid #f3caca;border-radius:18px;align-items:center;gap:12px;width:100%;margin-top:10px;padding:14px 16px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #ef444412}.account-logout-icon{background:#f8c0c0;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.account-logout-icon img{object-fit:contain;width:22px;height:22px}.account-logout-text{color:#dc2626;font-size:14px;font-weight:600;line-height:1.3}.account-logout-button:hover{background:#fee8e8;border-color:#f5baba;transform:translateY(-1px);box-shadow:0 6px 18px #ef44441a}.account-logout-button:active{transform:scale(.98)}.profile-avatar{background:#f0fdf4;border:1px solid #dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 3px 10px #16a34a12}.profile-avatar img{object-fit:contain;width:28px;height:28px}@media (max-width:600px){.account-logout-button{border-radius:17px;padding:13px 14px}.account-logout-icon{border-radius:12px;width:40px;height:40px}.account-logout-text{font-size:13px}.profile-avatar{width:46px;height:46px}.profile-avatar img{width:27px;height:27px}}.profile-card{background:#fff;border:1px solid #f0fdf4;border-radius:20px;align-items:center;width:100%;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 16px #16a34a12}.profile-account-info{min-width:0;padding-right:90px}.profile-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;line-height:1.3;overflow:hidden}.profile-phone{color:#64748b;margin-top:5px;font-size:11px;font-weight:500;line-height:1.3}.profile-card:hover{border-color:#bbf7d0;transform:translateY(-1px);box-shadow:0 7px 20px #16a34a17}@media (max-width:600px){.profile-card{border-radius:18px;padding:14px}.profile-account-info{padding-right:80px}.profile-name{font-size:15px}.profile-phone{font-size:10px}}.account-status{white-space:nowrap;box-sizing:border-box;border-radius:20px;justify-content:center;align-items:center;gap:5px;min-width:58px;padding:6px 9px;font-size:15px;font-weight:700;line-height:1;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.account-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.account-status.online{color:#334155;background:#e9f9ef}.account-status.online .account-status-dot{background:#16a34a}.account-status.offline{color:#e53935;background:#fff0f0}.account-status.offline .account-status-dot{background:#e53935}.profile-card{background:#fff;border:2px solid #16a34a;border-radius:18px;align-items:center;padding:16px;display:flex;position:relative;box-shadow:0 4px 16px #0000000f}.ai-icon{width:64px;height:64px;box-shadow:none;background:0 0;border-radius:0;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.ai-icon img{object-fit:contain;width:70px;height:70px;display:block}.portal-banner{box-sizing:border-box;border-radius:18px;width:100%;margin-top:-8px;margin-bottom:8px;position:relative;overflow:hidden}.portal-banner-track{will-change:transform;width:300%;transition:transform .6s ease-in-out;display:flex;transform:translate(0)}.portal-banner-track img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex:0 0 33.3333%;width:33.3333%;height:auto;display:block}.portal-banner-dots button{cursor:pointer;background:#ffffff8c;border:0;border-radius:50%;width:6px;height:6px;padding:0;transition:width .3s,background .3s;display:block}.portal-banner-dots button.active{background:#fff;border-radius:10px;width:18px}@media (max-width:768px){.portal-banner{border-radius:15px;margin-top:16px;margin-bottom:20px}.portal-banner-dots{bottom:8px}}.info-ticker-section{width:100%;margin-top:16px;margin-bottom:20px;overflow:hidden}.info-ticker{background:linear-gradient(90deg,#fff 0%,#f0fdf4 50%,#fff 100%);border:1px solid #e9e5f4;border-radius:14px;align-items:center;width:100%;height:48px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 18px #50467812}.info-ticker:before{content:"";filter:blur(32px);pointer-events:none;background:#16a34a09;border-radius:50%;width:160px;height:160px;position:absolute;top:-65px;left:-70px}.info-ticker-track{white-space:nowrap;will-change:transform;z-index:2;align-items:center;width:max-content;min-width:max-content;height:100%;display:flex;position:relative}.portal-v1-shell{color:#1f2937;background:#f0fdf4;min-height:100svh;padding-bottom:88px}.portal-v1-shell:before{display:none}.portal-v1-app{color:#1f2937;background:#f0fdf4;min-height:100svh;padding-bottom:0}.portal-v1-app .top-header{background:#22c55e;padding:8px 12px 8px 6px}.portal-v1-app .dashboard-logo{object-fit:contain;object-position:left center;width:195px;height:110px}.portal-v1-app .modem-status{min-width:78px}.portal-v1-app .modem-online{color:#fff}.portal-v1-app .modem-status .status-dot{background:#16a34a}.portal-v1-app .modem-icon{width:58px;height:54px}.portal-v1-app .modem-icon img{object-fit:contain;width:62px;height:62px}.portal-v1-modem-name{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:92px;font-size:8px;line-height:1.2;overflow:hidden}.portal-v1-app .content{padding-top:0}.portal-v1-app .portal-banner-dots{z-index:2;justify-content:center;gap:6px;display:flex;position:absolute;bottom:8px;left:0;right:0}.portal-v1-app .welcome{padding:0 2px}.portal-v1-app .menu-icon-wrap{margin-bottom:10px}.portal-v1-app .menu-icon{flex-shrink:0}.portal-v1-app .menu-icon img{width:29px;height:29px}.portal-v1-app .menu-description{min-height:26px}.portal-v1-status-card{margin-top:8px}.portal-v1-status-card .traffic-value{font-size:17px;line-height:1.15}.portal-v1-status-card .traffic-desc{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-v1-shell .bottom-nav{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:100;background:#dcfce7f5;border:1px solid #bbf7d0a6;border-radius:999px;width:calc(100% - 24px);max-width:520px;height:58px;padding:0 6px;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #16a34a26}.portal-v1-shell .bottom-nav .nav-item{color:#64748b;height:100%;padding:0}.portal-v1-shell .bottom-nav .nav-item.active{color:#16a34a;background:#ffffff8c}.portal-v1-shell .bottom-nav .nav-icon{object-fit:contain;width:25px;height:25px;margin:0 auto 4px}.portal-v1-shell .bottom-nav .nav-item span{font-size:10px;font-weight:600}@media (min-width:521px){.portal-v1-app{box-shadow:0 0 30px #1f293714}}@media (max-width:600px){.portal-v1-app .dashboard-logo{object-position:left center;width:145px;height:68px}.portal-v1-app .top-header{padding:8px 14px 8px 4px}.portal-v1-app .content{padding-left:14px;padding-right:14px}}.portal-v1-login{color:#1f2937;background:#f7fdf9;justify-content:center;min-height:100svh;margin:0;padding:0;display:flex;overflow-x:hidden}.portal-v1-login .login-container{flex-direction:column;align-items:center;width:100%;max-width:420px;min-height:100svh;padding:50px 18px 25px;display:flex}.portal-v1-login .login-brand{text-align:center;z-index:1;width:100%;margin:0 0 -25px}.portal-v1-login .login-logo-image{width:180px;max-width:90%;height:auto;margin:0 auto;display:block}.portal-v1-login .login-card{background:#fff;border:1px solid #dcfce7;border-radius:12px;width:100%;max-width:none;padding:24px 18px;overflow:visible;box-shadow:0 3px 12px #1f29370d}.portal-v1-login .login-card:before,.portal-v1-login .login-card:after{display:none}.portal-v1-login .login-title{color:#1f2937;text-align:center;font-size:17px;font-weight:700}.portal-v1-login .login-subtitle{color:#64748b;text-align:center;margin:5px 0 22px;font-size:11px}.portal-v1-login .login-card form{width:100%;display:block}.portal-v1-login .login-label{color:#1f2937;margin:0 0 7px;font-size:11px;font-weight:700;display:block}.portal-v1-login .login-input{color:#1f2937;background:#f7fdf9;border:1px solid #dcfce7;border-radius:8px;outline:none;width:100%;height:44px;padding:0 13px;font-family:inherit;font-size:12px}.portal-v1-login .login-input:focus{background:#fff;border-color:#16a34a;box-shadow:0 0 0 3px #0066ff14}.portal-v1-login .login-input::placeholder{color:#94a3b8}.portal-v1-login .login-options{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.portal-v1-login .alert-error{border-radius:8px;margin-top:12px;padding:10px 12px;font-size:11px;line-height:1.4}.portal-v1-login .login-button{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:8px;width:100%;height:44px;margin-top:16px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:700}.portal-v1-login .login-button:hover{background:#16a34a}.portal-v1-login .login-button:disabled{cursor:wait;opacity:.72}.portal-v1-login .login-button:active{transform:scale(.99)}.portal-v1-login .login-info{color:#64748b;text-align:center;margin-top:14px;font-size:9px;line-height:1.5}.portal-v1-login .login-footer{color:#94a3b8;margin-top:auto;padding-top:25px;font-size:9px}.portal-v1-shell .wifi-v1-page{color:#1f2937;background:#f8fafc;width:100%;max-width:520px;min-height:calc(100svh - 88px);margin:0 auto;padding:20px 16px 24px}.portal-v1-shell .wifi-v1-page-header{align-items:center;gap:12px;margin:0 0 18px;display:flex}.portal-v1-shell .wifi-v1-page-header .page-title{color:#1f2937;font-size:21px;font-weight:700}.portal-v1-shell .wifi-v1-page-header .page-subtitle{color:#64748b;margin-top:4px;font-size:11px}.portal-v1-shell .wifi-v1-page-header .back-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dcfce7;border-radius:9px;flex:0 0 38px;width:38px;height:38px;padding:0 0 3px;font-size:25px;line-height:1}.portal-v1-shell .wifi-v1-page-header .back-button:active{transform:scale(.96)}.portal-v1-shell .wifi-v1-alert{margin-bottom:14px}.portal-v1-shell .wifi-v1-band-selector{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.portal-v1-shell .wifi-v1-band-selector .wifi-band-tab{text-align:left;cursor:pointer;border:1px solid #0000;border-radius:18px;align-items:center;gap:10px;min-height:72px;padding:10px;font-family:inherit;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.portal-v1-shell .wifi-v1-band-selector .wifi-band-tab:first-child{background:#f0fdf4;border-color:#dcfce7;box-shadow:0 4px 12px #16a34a0f}.portal-v1-shell .wifi-v1-band-selector .wifi-band-tab:nth-child(2){background:#f0fdf4;border-color:#f0fdf4;box-shadow:0 4px 12px #16a34a0f}.portal-v1-shell .wifi-v1-band-selector .wifi-band-tab.active,.portal-v1-shell .wifi-v1-band-selector .wifi-band-tab:hover:not(:disabled){transform:translateY(-1px)}.portal-v1-shell .wifi-v1-band-selector .wifi-band-tab:first-child.active,.portal-v1-shell .wifi-v1-band-selector .wifi-band-tab:first-child:hover:not(:disabled),.portal-v1-shell .wifi-v1-band-selector .wifi-band-tab:nth-child(2).active,.portal-v1-shell .wifi-v1-band-selector .wifi-band-tab:nth-child(2):hover:not(:disabled){border-color:#86efac;box-shadow:0 6px 16px #16a34a1f}.portal-v1-shell .wifi-v1-band-selector .wifi-band-tab:disabled{cursor:wait;opacity:.64}.portal-v1-shell .wifi-v1-band-selector .wifi-band-icon{background:#fff;border-radius:13px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex;box-shadow:0 3px 8px #1f29370d}.portal-v1-shell .wifi-v1-band-selector .wifi-band-icon img{object-fit:contain;width:30px;height:30px}.portal-v1-shell .wifi-v1-band-selector .wifi-band-text{min-width:0}.portal-v1-shell .wifi-v1-band-selector .wifi-band-text strong,.portal-v1-shell .wifi-v1-band-selector .wifi-band-text span{display:block}.portal-v1-shell .wifi-v1-band-selector .wifi-band-text strong{color:#16a34a;margin-bottom:4px;font-size:12px;font-weight:700;line-height:1.3}.portal-v1-shell .wifi-v1-band-selector .wifi-band-tab:nth-child(2) .wifi-band-text strong{color:#16a34a}.portal-v1-shell .wifi-v1-band-selector .wifi-band-text span{color:#64748b;font-size:9px;line-height:1.3}.portal-v1-shell .wifi-v1-band-content{display:block}.portal-v1-shell .wifi-v1-status-card,.portal-v1-shell .wifi-v1-field-card{background:#fff;border:1px solid #dcfce7;border-radius:11px;margin:0 0 10px;padding:16px;box-shadow:0 2px 7px #1f293708}.portal-v1-shell .wifi-v1-status-card .wifi-setting-header{border-bottom:1px solid #f0fdf4;align-items:center;gap:10px;margin:0 0 16px;padding:0 0 14px;display:flex}.portal-v1-shell .wifi-v1-status-card .wifi-setting-icon{background:#f0fdf4;border:1px solid #dcfce7;border-radius:13px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;display:flex}.portal-v1-shell .wifi-v1-status-card .wifi-setting-icon img{object-fit:contain;width:31px;height:31px}.portal-v1-shell .wifi-v1-status-card .detail-label{color:#64748b;letter-spacing:.6px;margin-bottom:0;font-size:9px;font-weight:700}.portal-v1-shell .wifi-v1-status-card .wifi-setting-subtitle{color:#64748b;margin-top:3px;font-size:10px;line-height:1.3}.portal-v1-shell .wifi-v1-status-row,.portal-v1-shell .wifi-v1-device-row,.portal-v1-shell .wifi-v1-capability-row{justify-content:space-between;align-items:center;gap:12px;min-height:30px;font-size:10px;display:flex}.portal-v1-shell .wifi-v1-status-row span,.portal-v1-shell .wifi-v1-device-row span,.portal-v1-shell .wifi-v1-capability-row span{color:#64748b}.portal-v1-shell .wifi-v1-status-row strong,.portal-v1-shell .wifi-v1-device-row strong{color:#1f2937;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:65%;font-size:11px;overflow:hidden}.portal-v1-shell .wifi-v1-status.online{color:#16a34a!important}.portal-v1-shell .wifi-v1-status.offline{color:#dc2626!important}.portal-v1-shell .wifi-v1-status.unknown{color:#64748b!important}.portal-v1-shell .wifi-v1-capability-row{border-top:1px solid #f0fdf4;margin-top:8px;padding-top:9px;font-size:9px}.portal-v1-shell .wifi-v1-form{display:block}.portal-v1-shell .wifi-v1-field-card .detail-label{color:#64748b;letter-spacing:.6px;margin-bottom:9px;font-size:9px;font-weight:700}.portal-v1-shell .wifi-v1-input-wrap,.portal-v1-shell .wifi-v1-password-wrap{background:#f7fdf9;border:1px solid #dcfce7;border-radius:8px;align-items:center;gap:9px;min-height:44px;padding:0 12px;display:flex}.portal-v1-shell .wifi-v1-input-wrap:focus-within,.portal-v1-shell .wifi-v1-password-wrap:focus-within{background:#fff;border-color:#16a34a;box-shadow:0 0 0 3px #0066ff14}.portal-v1-shell .wifi-v1-input-wrap input,.portal-v1-shell .wifi-v1-password-wrap input{color:#1f2937;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:12px}.portal-v1-shell .wifi-v1-input-wrap input::placeholder,.portal-v1-shell .wifi-v1-password-wrap input::placeholder{color:#94a3b8}.portal-v1-shell .wifi-v1-password-wrap>svg,.portal-v1-shell .wifi-v1-password-wrap>img{object-fit:contain;flex:0 0 18px;width:18px;height:18px}.portal-v1-shell .wifi-v1-password-toggle{color:#334155;cursor:pointer;background:#f0fdf4;border:0;border-radius:7px;flex:none;align-items:center;gap:4px;padding:5px 7px;font-family:inherit;font-size:9px;font-weight:700;display:inline-flex}.portal-v1-shell .wifi-v1-password-toggle svg,.portal-v1-shell .wifi-v1-password-toggle img{object-fit:contain;flex:0 0 15px;width:15px;height:15px}.portal-v1-shell .wifi-v1-password-toggle:disabled{cursor:not-allowed;opacity:.55}.portal-v1-shell .wifi-v1-password-hint{color:#dc2626;margin-top:6px;font-size:10px;font-weight:600;line-height:1.35}.portal-v1-shell .wifi-v1-current-value{color:#94a3b8;margin-top:8px;font-size:9px}.portal-v1-shell .wifi-v1-message,.portal-v1-shell .wifi-v1-task{margin:0 0 10px}.portal-v1-shell .wifi-v1-save-button{width:100%;min-height:44px;box-shadow:none;background:#16a34a;border-radius:8px;justify-content:center;margin-top:2px}.portal-v1-shell .wifi-v1-save-button:hover:not(:disabled){background:#16a34a}.portal-v1-shell .wifi-v1-save-button:disabled{cursor:wait;opacity:.6}.portal-v1-shell .wifi-v1-loading{text-align:center;margin-top:12px}@media (max-width:380px){.portal-v1-shell .wifi-v1-page{padding-left:12px;padding-right:12px}.portal-v1-shell .wifi-v1-band-selector{gap:7px}.portal-v1-shell .wifi-v1-band-selector .wifi-band-tab{border-radius:16px;gap:7px;min-height:68px;padding:8px}.portal-v1-shell .wifi-v1-band-selector .wifi-band-icon{border-radius:11px;width:35px;min-width:35px;height:35px}.portal-v1-shell .wifi-v1-band-selector .wifi-band-icon img{width:27px;height:27px}.portal-v1-shell .wifi-v1-band-selector .wifi-band-text strong{font-size:11px}.portal-v1-shell .wifi-v1-band-selector .wifi-band-text span{font-size:8px}.portal-v1-shell .wifi-v1-password-toggle span{display:none}}.portal-v1-shell .devices-v1-page{color:#1f2937;background:#f8fafc;width:100%;max-width:520px;min-height:calc(100svh - 88px);margin:0 auto;padding:20px 16px 24px}.portal-v1-shell .devices-v1-page-header{align-items:center;gap:12px;margin:0 0 18px;display:flex}.portal-v1-shell .devices-v1-page-header .page-title{color:#1f2937;font-size:21px;font-weight:700}.portal-v1-shell .devices-v1-page-header .page-subtitle{color:#64748b;margin-top:4px;font-size:11px}.portal-v1-shell .devices-v1-page-header .back-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dcfce7;border-radius:9px;flex:0 0 38px;width:38px;height:38px;padding:0 0 3px;font-size:25px;line-height:1}.portal-v1-shell .devices-v1-summary{background:#f0fdf4;border:1px solid #dcfce7;border-radius:18px;align-items:center;gap:14px;margin:0 0 14px;padding:14px 16px;display:flex;position:relative;box-shadow:0 4px 12px #16a34a0f}.portal-v1-shell .devices-v1-summary .device-count{color:#334155;margin:0;font-size:28px;font-weight:700;line-height:1}.portal-v1-shell .devices-v1-summary .device-count-label{color:#1e293b;font-size:11px;font-weight:700}.portal-v1-shell .devices-v1-summary .device-count-status{color:#64748b;margin-top:3px;font-size:9px}.portal-v1-shell .devices-v1-refresh{color:#334155;cursor:pointer;background:#ffffffb8;border:1px solid #bbf7d0;border-radius:999px;margin-left:auto;padding:8px 10px;font-family:inherit;font-size:9px;font-weight:700}.portal-v1-shell .devices-v1-refresh:disabled{cursor:wait;opacity:.6}.portal-v1-shell .devices-v1-loading,.portal-v1-shell .devices-v1-info{color:#64748b;background:#fff;border:1px solid #dcfce7;border-radius:12px;margin-bottom:12px;padding:16px;font-size:11px;box-shadow:0 2px 7px #1f293708}.portal-v1-shell .devices-v1-info p{color:#64748b;margin:0 0 12px;font-size:11px;line-height:1.5}.portal-v1-shell .devices-v1-info .primary-button{width:100%;min-height:40px;box-shadow:none;background:#16a34a;border-radius:8px}.portal-v1-shell .devices-v1-list{flex-direction:column;gap:10px;display:flex}.portal-v1-shell .devices-v1-item{border:1px solid #0000;border-radius:16px;align-items:center;width:100%;min-height:66px;margin:0;padding:11px 12px;transition:transform .2s,box-shadow .2s;display:flex}.portal-v1-shell .devices-v1-item:first-child{background:#f0fdf4;border-color:#dcfce7;box-shadow:0 4px 12px #16a34a0f}.portal-v1-shell .devices-v1-item:nth-child(2){background:#eafbf4;border-color:#d2f1e3;box-shadow:0 4px 12px #0596690f}.portal-v1-shell .devices-v1-item:nth-child(3){background:#f0fdf4;border-color:#f0fdf4;box-shadow:0 4px 12px #16a34a0f}.portal-v1-shell .devices-v1-item:nth-child(4){background:#fff8e7;border-color:#f7e8b5;box-shadow:0 4px 12px #d977060f}.portal-v1-shell .devices-v1-item:nth-child(5n){background:#fff0f3;border-color:#f8d6de;box-shadow:0 4px 12px #e11d480f}.portal-v1-shell .devices-v1-item:hover{transform:translateY(-2px)}.portal-v1-shell .devices-v1-item .device-icon-small{background:#ffffffb8;border-radius:13px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;margin-right:10px;display:flex;overflow:hidden}.portal-v1-shell .devices-v1-item .device-icon-small img{object-fit:contain;width:26px;height:26px}.portal-v1-shell .devices-v1-item .device-info{flex:1;min-width:0;padding-left:0}.portal-v1-shell .devices-v1-item .device-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.3;overflow:hidden}.portal-v1-shell .devices-v1-item .device-ip,.portal-v1-shell .devices-v1-interface{color:#64748b;margin-top:3px;font-size:8px;line-height:1.3}.portal-v1-shell .devices-v1-item .device-online{color:#334155;white-space:nowrap;background:#ffffffbf;border-radius:999px;margin-left:8px;padding:5px 8px;font-size:7px;font-weight:700}.portal-v1-shell .devices-v1-item .device-online.tone-offline{color:#dc2626}.portal-v1-shell .devices-v1-item .device-online.tone-unknown{color:#64748b}.portal-v1-shell .devices-v1-empty{min-height:1px}@media (max-width:380px){.portal-v1-shell .devices-v1-page{padding-left:12px;padding-right:12px}.portal-v1-shell .devices-v1-summary{border-radius:16px;padding:13px 14px}.portal-v1-shell .devices-v1-summary .device-count{font-size:26px}.portal-v1-shell .devices-v1-refresh{padding:7px 8px;font-size:8px}.portal-v1-shell .devices-v1-item{border-radius:15px;min-height:60px;padding:9px 10px}.portal-v1-shell .devices-v1-item .device-icon-small{border-radius:11px;width:38px;min-width:38px;height:38px;margin-right:9px}.portal-v1-shell .devices-v1-item .device-icon-small img{width:25px;height:25px}}.portal-v1-shell .payment-v1-page{color:#1f2937;background:#f8fafc;width:100%;max-width:520px;min-height:calc(100svh - 88px);margin:0 auto;padding:20px 16px 24px}.portal-v1-shell .payment-v1-page-header{align-items:center;gap:12px;margin:0 0 18px;display:flex}.portal-v1-shell .payment-v1-page-header .page-title{color:#1f2937;font-size:21px;font-weight:700}.portal-v1-shell .payment-v1-page-header .page-subtitle{color:#64748b;margin-top:4px;font-size:11px}.portal-v1-shell .payment-v1-page-header .back-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dcfce7;border-radius:9px;flex:0 0 38px;width:38px;height:38px;padding:0 0 3px;font-size:25px;line-height:1}.portal-v1-shell .payment-v1-loading,.portal-v1-shell .payment-v1-message,.portal-v1-shell .payment-v1-success{margin-bottom:12px}.portal-v1-shell .payment-v1-success{color:#64748b;background:#eafbf4;border:1px solid #dcfce7;border-radius:12px;padding:13px 14px;font-size:11px}.portal-v1-shell .payment-v1-success strong{font-size:12px;display:block}.portal-v1-shell .payment-v1-success p{margin:4px 0 0;line-height:1.45}.portal-v1-shell .payment-v1-transfer-card,.portal-v1-shell .payment-v1-account-card,.portal-v1-shell .payment-v1-qr-card{background:#fff;border:1px solid #dcfce7;border-radius:12px;width:100%;margin-bottom:12px;padding:24px 16px;box-shadow:0 2px 8px #1f29370a}.portal-v1-shell .payment-v1-transfer-card{text-align:center}.portal-v1-shell .payment-v1-transfer-card .transfer-main-icon{background:#f0fdf4;border-radius:14px;width:52px;height:52px;margin:0 auto 12px}.portal-v1-shell .payment-v1-transfer-card .transfer-main-icon img{object-fit:contain;width:31px;height:31px}.portal-v1-shell .payment-v1-transfer-card .transfer-title{color:#1f2937;font-size:16px;font-weight:700}.portal-v1-shell .payment-v1-transfer-card .transfer-description{color:#64748b;margin:5px 0 18px;font-size:11px;line-height:1.5}.portal-v1-shell .payment-v1-warning{color:#8a5a00;text-align:left;background:#fff8e7;border:1px solid #f7e8b5;border-radius:10px;margin:0 0 14px;padding:10px 11px}.portal-v1-shell .payment-v1-warning strong{font-size:9px;line-height:1.35;display:block}.portal-v1-shell .payment-v1-warning p{margin:4px 0 0;font-size:9px;line-height:1.4}.portal-v1-shell .payment-v1-photo-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.portal-v1-shell .payment-v1-photo-options .photo-option{background:#f7fdf9;border:1px solid #dcfce7;border-radius:10px;min-height:105px;padding:14px 8px}.portal-v1-shell .payment-v1-photo-options .photo-option:hover{background:#f0fdf4;border-color:#16a34a}.portal-v1-shell .payment-v1-photo-options .photo-option-icon{background:#f0fdf4;border-radius:11px;width:40px;height:40px;margin:0 auto 8px}.portal-v1-shell .payment-v1-photo-options .photo-option-icon img{object-fit:contain;width:25px;height:25px}.portal-v1-shell .payment-v1-photo-options .photo-option-title{color:#1f2937;font-size:11px;font-weight:700}.portal-v1-shell .payment-v1-photo-options .photo-option-description{color:#64748b;font-size:9px}.portal-v1-shell .payment-v1-preview{text-align:left;background:#f7fdf9;border:1px solid #dcfce7;border-radius:10px;margin-top:15px;padding:8px;display:block}.portal-v1-shell .payment-v1-preview img{object-fit:contain;border-radius:7px;width:100%;max-height:280px;display:block}.portal-v1-shell .payment-v1-change-photo{color:#334155;background:#f0fdf4;border:1px solid #dcfce7;border-radius:8px;margin-top:8px;padding:7px 10px;font-family:inherit;font-size:10px;font-weight:700}.portal-v1-shell .payment-v1-file-note,.portal-v1-shell .payment-v1-upload-limit{color:#64748b;margin:9px 0 0;font-size:9px;line-height:1.4}.portal-v1-shell .payment-v1-submit{width:100%;min-height:44px;box-shadow:none;background:#16a34a;border-radius:8px;margin:14px 0 0}.portal-v1-shell .payment-v1-submit:hover:not(:disabled){background:#16a34a}.portal-v1-shell .payment-v1-submit:disabled{cursor:wait;opacity:.58}.portal-v1-shell .payment-v1-upload-limit{text-align:center}.portal-v1-shell .payment-v1-account-card{padding:16px}.portal-v1-shell .payment-v1-account-card .payment-account-title{border-bottom:1px solid #f0fdf4;align-items:center;gap:11px;margin-bottom:14px;padding-bottom:12px;display:flex}.portal-v1-shell .payment-v1-account-card .payment-account-title-icon{background:#f0fdf4;border:1px solid #dcfce7;border-radius:13px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;display:flex}.portal-v1-shell .payment-v1-account-card .payment-account-title-icon img{object-fit:contain;width:29px;height:29px}.portal-v1-shell .payment-v1-account-card .detail-label{color:#64748b;letter-spacing:.6px;margin:0;font-size:9px;font-weight:700}.portal-v1-shell .payment-v1-account-card .payment-account-subtitle{color:#64748b;margin-top:3px;font-size:9px}.portal-v1-shell .payment-v1-account-card .payment-bank-item{border-bottom:1px solid #f0fdf4;align-items:center;width:100%;padding:12px 0;display:flex}.portal-v1-shell .payment-v1-account-card .payment-bank-item:last-child{border-bottom:0;padding-bottom:2px}.portal-v1-shell .payment-v1-account-card .payment-bank-icon{background:#f0fdf4;border:1px solid #dcfce7;border-radius:13px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;margin-right:11px;display:flex;overflow:hidden}.portal-v1-shell .payment-v1-account-card .payment-bank-icon img{object-fit:contain;width:29px;height:29px}.portal-v1-shell .payment-v1-account-card .payment-bank-info{flex:1;min-width:0}.portal-v1-shell .payment-v1-account-card .bank-name{color:#1f2937;margin-bottom:3px;font-size:11px;font-weight:700}.portal-v1-shell .payment-v1-account-card .account-number-row{align-items:center;gap:7px;display:flex}.portal-v1-shell .payment-v1-account-card .account-number{color:#334155;letter-spacing:.7px;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.portal-v1-shell .payment-v1-account-card .copy-account-button{color:#334155;background:#f0fdf4;border:1px solid #dcfce7;border-radius:999px;flex-shrink:0;padding:5px 9px;font-family:inherit;font-size:8px;font-weight:700}.portal-v1-shell .payment-v1-account-card .account-owner{color:#64748b;margin-top:3px;font-size:8px}.portal-v1-shell .payment-v1-qr-card{text-align:center;padding:16px}.portal-v1-shell .payment-v1-qr-card .detail-label{color:#64748b;letter-spacing:.6px;margin-bottom:10px;font-size:9px;font-weight:700}.portal-v1-shell .payment-v1-qr-card .payment-qr-image{width:min(100%,220px);height:auto;margin:0 auto}@media (max-width:380px){.portal-v1-shell .payment-v1-page{padding-left:12px;padding-right:12px}.portal-v1-shell .payment-v1-account-card .payment-bank-icon{border-radius:11px;width:38px;min-width:38px;height:38px;margin-right:9px}.portal-v1-shell .payment-v1-account-card .payment-bank-icon img{width:26px;height:26px}.portal-v1-shell .payment-v1-account-card .account-number{letter-spacing:.5px;font-size:13px}}.portal-v1-shell .ai-v1-page{color:#1f2937;background:#f8fafc;width:100%;max-width:520px;min-height:calc(100svh - 88px);margin:0 auto;padding:20px 16px 24px}.portal-v1-shell .ai-v1-page-header{align-items:center;margin:0 0 18px;display:flex}.portal-v1-shell .ai-v1-page-header .page-title{color:#1f2937;font-size:21px;font-weight:700}.portal-v1-shell .ai-v1-page-header .page-subtitle{color:#64748b;margin-top:4px;font-size:11px}.portal-v1-shell .ai-v1-welcome{text-align:center;background:#f0fdf4;border:1px solid #dcfce7;border-radius:20px;width:100%;margin:0 0 15px;padding:22px 20px;box-shadow:0 6px 18px #16a34a0f}.portal-v1-shell .ai-v1-icon{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:17px;width:56px;height:56px;margin:0 auto 13px;box-shadow:0 4px 12px #16a34a14}.portal-v1-shell .ai-v1-icon img{object-fit:contain;width:32px;height:32px}.portal-v1-shell .ai-v1-welcome h2{color:#1e293b;margin:0;font-size:18px;font-weight:700;line-height:1.3}.portal-v1-shell .ai-v1-welcome p{color:#64748b;max-width:330px;margin:8px auto 0;font-size:12px;line-height:1.6}.portal-v1-shell .ai-v1-conversation{scroll-behavior:smooth;flex-direction:column;gap:10px;min-height:160px;max-height:calc(100svh - 390px);margin:0 0 14px;padding:2px;display:flex;overflow-y:auto}.portal-v1-shell .ai-v1-message{color:#1e293b;text-align:left;background:#f0fdf4;border:1px solid #dcfce7;border-radius:16px;width:fit-content;max-width:90%;margin:0;padding:11px 14px;font-size:12px;line-height:1.5;box-shadow:0 3px 10px #16a34a0d}.portal-v1-shell .ai-v1-message.customer{color:#1f2937;background:#eafbf4;border-color:#d2f1e3;align-self:flex-end}.portal-v1-shell .ai-v1-message-label{color:#334155;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:700;display:block}.portal-v1-shell .ai-v1-message.customer .ai-v1-message-label{color:#475569;text-align:right}.portal-v1-shell .ai-v1-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.portal-v1-shell .ai-v1-qr{margin-top:10px}.portal-v1-shell .ai-v1-qr img{background:#fff;border-radius:12px;width:min(180px,100%);height:auto;padding:8px}.portal-v1-shell .ai-v1-qr span{color:#64748b;margin-top:5px;font-size:9px;font-weight:700;display:block}.portal-v1-shell .ai-v1-error{margin:0 0 12px;font-size:11px}.portal-v1-shell .ai-v1-input-area{align-items:center;gap:8px;margin:0;display:flex}.portal-v1-shell .ai-v1-input-area input{color:#1e293b;background:#fff;border:1px solid #dcfce7;border-radius:999px;outline:none;flex:1;min-width:0;height:42px;padding:0 14px;font-family:inherit;font-size:12px}.portal-v1-shell .ai-v1-input-area input::placeholder{color:#94a3b8}.portal-v1-shell .ai-v1-input-area input:focus{border-color:#86efac;box-shadow:0 0 0 3px #16a34a14}.portal-v1-shell .ai-v1-input-area button{color:#334155;cursor:pointer;background:#f0fdf4;border:1px solid #dcfce7;border-radius:999px;flex-shrink:0;min-width:48px;height:42px;padding:0 15px;font-family:inherit;font-size:11px;font-weight:700;box-shadow:0 4px 10px #16a34a12}.portal-v1-shell .ai-v1-input-area button:hover:not(:disabled){background:#dcfce7;border-color:#bbf7d0}.portal-v1-shell .ai-v1-input-area button:disabled{cursor:wait;opacity:.55}@media (max-width:380px){.portal-v1-shell .ai-v1-page{padding-left:12px;padding-right:12px}.portal-v1-shell .ai-v1-welcome{border-radius:18px;padding:20px 16px}.portal-v1-shell .ai-v1-icon{border-radius:15px;width:52px;height:52px;margin-bottom:12px}.portal-v1-shell .ai-v1-icon img{width:29px;height:29px}.portal-v1-shell .ai-v1-welcome h2{font-size:17px}.portal-v1-shell .ai-v1-welcome p{font-size:11px}.portal-v1-shell .ai-v1-message{border-radius:14px;padding:10px 12px;font-size:11px}.portal-v1-shell .ai-v1-input-area input{font-size:11px}.portal-v1-shell .ai-v1-input-area button{min-width:44px;padding:0 13px;font-size:10px}}.portal-v1-shell .account-v1-page{color:#1f2937;background:#f8fafc;width:100%;max-width:520px;min-height:calc(100svh - 88px);margin:0 auto;padding:20px 16px 24px}.portal-v1-shell .account-v1-page-header{align-items:center;margin:0 0 18px;display:flex}.portal-v1-shell .account-v1-page-header .page-title{color:#1f2937;font-size:21px;font-weight:700}.portal-v1-shell .account-v1-page-header .page-subtitle{color:#64748b;margin-top:4px;font-size:11px}.portal-v1-shell .account-v1-profile-card,.portal-v1-shell .account-v1-info-card{background:#fff;border:1px solid #dcfce7;border-radius:18px;width:100%;margin:0 0 12px;box-shadow:0 2px 8px #1f29370a}.portal-v1-shell .account-v1-profile-card{align-items:center;gap:11px;padding:16px;display:flex;position:relative}.portal-v1-shell .account-v1-avatar{background:#f0fdf4;border:1px solid #dcfce7;border-radius:14px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex;overflow:hidden}.portal-v1-shell .account-v1-avatar img{object-fit:contain;width:31px;height:31px}.portal-v1-shell .account-v1-profile-info{flex:1;min-width:0}.portal-v1-shell .account-v1-profile-info .profile-name{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.portal-v1-shell .account-v1-profile-info .profile-phone{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;overflow:hidden}.portal-v1-shell .account-v1-status{color:#334155;background:#eafbf4;border-radius:999px;flex:none;align-items:center;gap:5px;padding:5px 7px;font-size:8px;font-weight:700;display:inline-flex}.portal-v1-shell .account-v1-status.offline{color:#dc2626;background:#fff0f3}.portal-v1-shell .account-v1-status.unknown{color:#64748b;background:#f1f5f9}.portal-v1-shell .account-v1-status .account-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.portal-v1-shell .account-v1-info-card{padding:4px 16px}.portal-v1-shell .account-v1-info-card .account-info-item{border-bottom:1px solid #f0fdf4;justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 0;display:flex}.portal-v1-shell .account-v1-info-card .account-info-item:last-child{border-bottom:0}.portal-v1-shell .account-v1-info-card .account-info-label{color:#64748b;letter-spacing:.5px;font-size:9px;font-weight:700}.portal-v1-shell .account-v1-info-card .account-info-value{overflow-wrap:anywhere;color:#1f2937;text-align:right;max-width:62%;font-size:11px;font-weight:700}.portal-v1-shell .account-v1-action{color:#1f2937;text-align:left;background:#f0fdf4;border:1px solid #dcfce7;border-radius:16px;align-items:center;gap:11px;width:100%;margin:0 0 10px;padding:13px 14px;text-decoration:none;display:flex}.portal-v1-shell .account-v1-action:hover{background:#dcfce7;border-color:#bbf7d0}.portal-v1-shell .account-v1-action-icon{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}.portal-v1-shell .account-v1-action-icon img{object-fit:contain;width:26px;height:26px}.portal-v1-shell .account-v1-action .account-action-text{flex:1;min-width:0}.portal-v1-shell .account-v1-action .account-action-text strong,.portal-v1-shell .account-v1-action .account-action-text span{display:block}.portal-v1-shell .account-v1-action .account-action-text strong{color:#1f2937;font-size:12px;font-weight:700}.portal-v1-shell .account-v1-action .account-action-text span{color:#64748b;margin-top:3px;font-size:9px}.portal-v1-shell .account-v1-action .account-action-arrow{color:#334155;font-size:24px;line-height:1}.portal-v1-shell .account-v1-logout{color:#dc2626;cursor:pointer;background:#fff0f3;border:1px solid #f8d6de;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin:0;padding:10px 14px;font-family:inherit;font-size:11px;font-weight:700;display:flex}.portal-v1-shell .account-v1-logout:hover{background:#ffe6ec}.portal-v1-shell .account-v1-logout .account-logout-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.portal-v1-shell .account-v1-logout .account-logout-icon img{object-fit:contain;width:21px;height:21px}@media (max-width:380px){.portal-v1-shell .account-v1-page{padding-left:12px;padding-right:12px}.portal-v1-shell .account-v1-profile-card{padding:14px}.portal-v1-shell .account-v1-status{padding:5px 6px;font-size:7px}}.portal-v1-shell .account-v1-settings-card{background:#fff;border:1px solid #0f4c751f;border-radius:14px;margin:14px 0 0;padding:16px;box-shadow:0 6px 18px #0f4c7514}.portal-v1-shell .account-v1-settings-title{letter-spacing:.6px;color:#64748b;margin-bottom:12px;font-size:13px;font-weight:800}.portal-v1-shell .account-v1-settings-form{border-top:1px solid #0f4c751a;margin-top:14px;padding-top:14px}.portal-v1-shell .account-v1-settings-form:first-of-type,.portal-v1-shell .account-v1-settings-form+.account-v1-settings-form{border-top:1px solid #0f4c751a}.portal-v1-shell .account-v1-settings-subtitle{color:#16a34a;margin-bottom:8px;font-size:12px;font-weight:700}.portal-v1-shell .account-v1-field{margin-bottom:10px}.portal-v1-shell .account-v1-field label{letter-spacing:.4px;color:#334155;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.portal-v1-shell .account-v1-field input{color:#0b2233;box-sizing:border-box;background:#f0fdf4;border:1px solid #0f4c7538;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.portal-v1-shell .account-v1-field input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #1d6fa524}.portal-v1-shell .account-v1-field input::placeholder{color:#334155}.portal-v1-shell .account-v1-save-button{color:#fff;cursor:pointer;background:#166534;border:none;border-radius:10px;width:100%;margin-top:4px;padding:11px 14px;font-size:14px;font-weight:700;transition:background .15s}.portal-v1-shell .account-v1-save-button:hover:not(:disabled){background:#16a34a}.portal-v1-shell .account-v1-save-button:disabled{opacity:.55;cursor:not-allowed}.portal-v1-shell .account-v1-success{color:#475569;background:#e6fff1;border:1px solid #0c6b3f33;border-radius:9px;margin:8px 0;padding:9px 12px;font-size:12.5px;font-weight:600}.portal-v1-shell .account-v1-settings-card .alert-error{margin:8px 0;padding:9px 12px;font-size:12.5px}.portal-v1-shell,.portal-v1-shell .customer-app-container,.portal-v1-app{width:100%;min-width:0;max-width:520px;margin-left:auto;margin-right:auto}.portal-v1-shell,.portal-v1-app{overflow:visible;background:#f0fdf4!important}html:has(.portal-v1-shell){background:#f0fdf4!important}body:has(.portal-v1-shell){background:#f0fdf4!important}body.portal-v1-document{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.portal-v1-document .portal-v1-shell,.portal-v1-document .customer-app-container,.portal-v1-document .account-v1-page,.portal-v1-document .page{background-color:#f0fdf4!important}.portal-v1-shell:before,.portal-v1-app:before{display:none!important}.portal-v1-shell *,.portal-v1-app *{min-width:0}.portal-v1-app .top-header{width:100%;min-width:0}.portal-v1-app .brand{flex:auto;min-width:0}.portal-v1-app .brand .dashboard-logo{max-width:100%}.portal-v1-app .modem-icon{flex:0 0 58px;max-width:58px}.portal-v1-app .modem-icon img,.portal-v1-shell img,.portal-v1-shell svg,.portal-v1-app img,.portal-v1-app svg,.portal-v1-shell video,.portal-v1-app video{max-width:100%}.portal-v1-app .content,.portal-v1-app .page,.portal-v1-app .portal-banner,.portal-v1-shell .customer-app-container,.portal-v1-shell .wifi-v1-page,.portal-v1-shell .devices-v1-page,.portal-v1-shell .payment-v1-page,.portal-v1-shell .ai-v1-page,.portal-v1-shell .account-v1-page{width:100%;min-width:0;max-width:520px}.portal-v1-app .portal-banner{margin-left:0;margin-right:0}.portal-v1-shell .page-header>:last-child,.portal-v1-shell .section-header>:first-child,.portal-v1-shell .payment-account-title>:last-child,.portal-v1-shell .wifi-setting-header>:last-child,.portal-v1-shell .devices-v1-summary>:first-child{min-width:0}.portal-v1-shell input,.portal-v1-shell select,.portal-v1-shell textarea,.portal-v1-shell button,.portal-v1-app input,.portal-v1-app select,.portal-v1-app textarea,.portal-v1-app button{box-sizing:border-box;max-width:100%}.portal-v1-shell .wifi-v1-form,.portal-v1-shell .ai-v1-input-area,.portal-v1-shell .payment-v1-photo-options,.portal-v1-shell .traffic-summary,.portal-v1-shell .wifi-v1-band-selector,.portal-v1-shell .wifi-v1-band-selector>*,.portal-v1-shell .payment-v1-photo-options>*,.portal-v1-shell .traffic-summary>*{min-width:0}.portal-v1-shell .devices-v1-item .device-info,.portal-v1-shell .payment-v1-account-card .payment-bank-info,.portal-v1-shell .account-v1-profile-info,.portal-v1-shell .ai-v1-message{overflow-wrap:anywhere;min-width:0}.portal-v1-shell .portal-bottom-nav,.portal-v1-shell .bottom-nav{width:min(520px,100vw - 24px);max-width:calc(100vw - 24px)}.portal-v1-shell .portal-bottom-nav .nav-item,.portal-v1-shell .bottom-nav .nav-item{min-width:0;overflow:hidden}@media (max-width:380px){.portal-v1-app .top-header{padding-left:12px;padding-right:12px}.portal-v1-app .modem-icon{flex-basis:50px;max-width:50px}.portal-v1-app .modem-icon img{width:50px;height:50px}.portal-v1-app .content{padding-left:12px;padding-right:12px}.portal-v1-shell .page-header,.portal-v1-shell .payment-v1-page-header,.portal-v1-shell .devices-v1-page-header{gap:8px}.portal-v1-shell .page-title,.portal-v1-shell .payment-v1-page-header .page-title,.portal-v1-shell .devices-v1-page-header .page-title,.portal-v1-shell .wifi-v1-page-header .page-title,.portal-v1-shell .ai-v1-page-header .page-title,.portal-v1-shell .account-v1-page-header .page-title{font-size:19px}.portal-v1-shell .portal-bottom-nav,.portal-v1-shell .bottom-nav{width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding-left:3px;padding-right:3px}.portal-v1-shell .portal-bottom-nav .nav-item span,.portal-v1-shell .bottom-nav .nav-item span{white-space:nowrap;font-size:8px}}@media (max-width:340px){.portal-v1-shell .payment-v1-photo-options,.portal-v1-shell .wifi-v1-band-selector{gap:7px}.portal-v1-shell .payment-v1-photo-options .photo-option,.portal-v1-shell .wifi-v1-band-selector .wifi-band-tab{padding-left:6px;padding-right:6px}.portal-v1-shell .traffic-summary{gap:7px}.portal-v1-shell .traffic-box{padding-left:9px;padding-right:9px}}.portal-v1-login,.portal-v1-login .login-container,.portal-v1-login .login-card{width:100%;min-width:0;max-width:100%}.portal-v1-login input,.portal-v1-login button{box-sizing:border-box;max-width:100%}.portal-v1-app .portal-banner{aspect-ratio:960/360!important;background:#dcfce7!important;border-radius:18px!important;width:100%!important;height:auto!important;margin:8px 0 14px!important;padding:0!important;overflow:hidden!important;box-shadow:0 8px 20px #16a34a1f!important}.portal-v1-app .portal-banner-track{width:300%!important;height:100%!important}.portal-v1-app .portal-banner-track img{image-rendering:auto;object-fit:contain!important;object-position:center!important;flex:0 0 33.3333%!important;width:33.3333%!important;height:100%!important}.portal-v1-app .portal-banner-dots{bottom:10px!important}.portal-v1-app .welcome{margin-bottom:14px!important}.portal-v1-app .main-menu{gap:10px!important}.portal-v1-app .menu-card{min-height:116px!important;padding:12px 8px!important}.portal-v1-app .menu-card:first-child{background:#f0fdf4!important;border-color:#dcfce7!important;box-shadow:0 5px 16px #16a34a12!important}.portal-v1-app .menu-card:nth-child(2){background:#f0fdf4!important;border-color:#dcfce7!important;box-shadow:0 5px 16px #16a34a0f!important}.portal-v1-app .menu-card:nth-child(3){background:#effdf5!important;border-color:#bbf7d0!important;box-shadow:0 5px 16px #16a34a12!important}.portal-v1-app .usage-section{-webkit-backdrop-filter:none!important;background:#f7fdf9!important;border-color:#dcfce7!important;margin-top:14px!important;box-shadow:0 6px 18px #16a34a14!important}.portal-v1-app .usage-section:before{display:none!important}.portal-v1-app .usage-section .section-title{color:#1f2937!important}.portal-v1-app .usage-section .section-subtitle,.portal-v1-app .usage-section .traffic-desc{color:#64748b!important}.portal-v1-app .traffic-box{background:#fff!important;border-color:#dcfce7!important;box-shadow:0 4px 12px #16a34a0f!important}.portal-v1-app .traffic-box:first-child,.portal-v1-app .traffic-box:nth-child(2){background:#f0fdf4!important;border-color:#dcfce7!important;box-shadow:0 4px 12px #16a34a0f!important}.portal-v1-app .traffic-box:before{display:none!important}.portal-v1-app .traffic-box:nth-child(2) .traffic-value{color:#16a34a!important}.portal-v1-app .traffic-label,.portal-v1-app .traffic-value span{color:#64748b!important}html.portal-v1-document,body.portal-v1-document,.portal-v1-app.app,.portal-v1-app .content,.portal-v1-app .page.active,.customer-app-shell.portal-home-active,.customer-app-shell.portal-home-active .portal-v1-app,.customer-app-shell.portal-home-active .portal-v1-app .content,.customer-app-shell.portal-home-active .portal-v1-app .page.active{background:#f0fdf4!important}.customer-app-shell.portal-home-active .portal-v1-app .usage-section{background:#f0fdf4!important;border:1px solid #bbf7d0!important;box-shadow:0 5px 16px #15803d1a!important}.customer-app-shell.portal-home-active .portal-v1-app .usage-section:before,.customer-app-shell.portal-home-active .portal-v1-app .traffic-box:before{display:none!important}.customer-app-shell.portal-home-active .portal-v1-app .traffic-box,.customer-app-shell.portal-home-active .portal-v1-app .traffic-box:first-child,.customer-app-shell.portal-home-active .portal-v1-app .traffic-box:nth-child(2){box-shadow:none!important;background:#dcfce7!important;border:1px solid #bbf7d0!important}.customer-app-shell.portal-home-active .portal-v1-app .traffic-box:nth-child(2) .traffic-value,.customer-app-shell.portal-home-active .portal-v1-app .traffic-value{color:#334155!important}.customer-app-shell.portal-home-active .portal-home-usage-section:before{display:none!important}.customer-app-shell.portal-home-active .portal-home-traffic-box,.customer-app-shell.portal-home-active .portal-home-traffic-box:first-child,.customer-app-shell.portal-home-active .portal-home-traffic-box:nth-child(2){box-shadow:none!important;background:#eafbf4!important;border:1px solid #bbf7d0!important}.customer-app-shell.portal-home-active .portal-home-traffic-box .traffic-label,.customer-app-shell.portal-home-active .portal-home-traffic-box .traffic-value,.customer-app-shell.portal-home-active .portal-home-traffic-box .traffic-value span,.customer-app-shell.portal-home-active .portal-home-traffic-box .traffic-desc{color:#334155!important}.customer-app-shell.portal-home-active .portal-home-usage-section .chart-title{color:#334155!important;font-weight:700!important}.customer-app-shell.portal-home-active .portal-home-usage-section .chart-bars{border-bottom-color:#bbf7d0!important}.customer-app-shell.portal-home-active .portal-home-usage-section .bar-wrapper span{color:#334155!important}.customer-app-shell.portal-home-active .portal-home-usage-section{background:#f0fdf4!important;border:1px solid #dcfce7!important;box-shadow:0 6px 20px #16a34a12!important}.customer-app-shell.portal-home-active .portal-home-usage-section .chart{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin-top:18px!important;padding:0!important}.customer-app-shell.portal-home-active .portal-home-usage-section .chart-bars{background:0 0!important;border:0!important;border-bottom:1px solid #dcfce7!important;border-radius:0!important;height:120px!important;min-height:0!important;padding:0 3px!important}.customer-app-shell.portal-home-active .portal-home-traffic-box:first-child{background:#dcfce7b8!important;border:1px solid #bbf7d08c!important;box-shadow:0 5px 16px #16a34a1a!important}.customer-app-shell.portal-home-active .portal-home-traffic-box:nth-child(2){background:#dcfce7b8!important;border:1px solid #bbf7d08c!important;box-shadow:0 5px 16px #16a34a14!important}.customer-app-shell.portal-home-active .portal-home-traffic-box:before{display:block!important}.customer-app-shell.portal-home-active .portal-home-traffic-box:first-child:before{filter:blur(16px)!important;background:#16a34a29!important}.customer-app-shell.portal-home-active .portal-home-traffic-box:nth-child(2):before{filter:blur(16px)!important;background:#16a34a26!important}.customer-app-shell.portal-home-active .portal-home-usage-section,.usage-section.portal-home-usage-section,.portal-home-usage-section,.customer-app-shell .usage-section.portal-home-usage-section,.customer-app-shell.portal-home-active .usage-section.portal-home-usage-section,.customer-app-shell.portal-home-active .portal-v1-app .usage-section.portal-home-usage-section{background:#dcfce7!important}.usage-section.portal-home-usage-section,.portal-home-usage-section,.customer-app-shell .usage-section.portal-home-usage-section,.customer-app-shell.portal-home-active .usage-section.portal-home-usage-section,.customer-app-shell.portal-home-active .portal-v1-app .usage-section.portal-home-usage-section{background:#f0fdf4!important}.customer-app-shell.portal-home-active .portal-v1-app .menu-card:first-child{background:#f0fdf4!important;border-color:#bbf7d0!important;box-shadow:0 5px 16px #16a34a12!important}.customer-app-shell.portal-home-active .portal-v1-app .menu-card:nth-child(2){background:#effaf6!important;border-color:#d4eee2!important;box-shadow:0 5px 16px #2e967012!important}.customer-app-shell.portal-home-active .portal-v1-app .menu-card:nth-child(3){background:#fff7ec!important;border-color:#f2e0c4!important;box-shadow:0 5px 16px #ca893712!important}.customer-app-shell.portal-home-active .portal-v1-app .period{color:#334155!important;background:#f0fdf4!important;border-color:#dcfce7!important}.customer-app-shell.portal-home-active .portal-v1-app .portal-home-traffic-box:first-child{background:#effdf5!important;border-color:#bbf7d0!important;box-shadow:0 5px 16px #16a34a12!important}.customer-app-shell.portal-home-active .portal-v1-app .portal-home-traffic-box:nth-child(2){background:#f0fdf4!important;border-color:#d4eee2!important;box-shadow:0 5px 16px #2e967012!important}.portal-v1-app .dashboard-header .modem-icon{flex:0 0 78px!important;justify-content:center!important;align-items:center!important;width:56px!important;max-width:78px!important;height:56px!important;display:flex!important}.portal-v1-app .dashboard-header .modem-icon img{object-fit:contain!important;width:56px!important;max-width:none!important;height:56px!important}@media (max-width:380px){.portal-v1-app .dashboard-header .modem-icon{flex-basis:70px!important;width:70px!important;max-width:70px!important;height:68px!important}.portal-v1-app .dashboard-header .modem-icon img{width:70px!important;height:70px!important}}.portal-v1-shell .account-v1-profile-card .account-v1-modem-status{color:#16a34a!important;background:0 0!important;border:0!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;min-width:78px!important;padding:0!important;font-size:8px!important;font-weight:800!important;display:inline-flex!important}.portal-v1-shell .account-v1-profile-card .account-v1-modem-status.offline,.portal-v1-shell .account-v1-profile-card .account-v1-modem-status.unknown{color:#dc2626!important;background:0 0!important}.portal-v1-shell .account-v1-profile-card .account-v1-modem-image{object-fit:contain!important;width:72px!important;height:72px!important;display:block!important}.portal-v1-shell .account-v1-profile-card .account-v1-modem-label{letter-spacing:.06em!important;line-height:1!important}.portal-v1-shell .account-v1-profile-card .account-v1-modem-status.online .account-v1-modem-label{color:#16a34a!important}.portal-v1-shell .account-v1-profile-card .account-v1-modem-status.offline .account-v1-modem-label,.portal-v1-shell .account-v1-profile-card .account-v1-modem-status.unknown .account-v1-modem-label{color:#dc2626!important}@media (max-width:380px){.portal-v1-shell .account-v1-profile-card .account-v1-modem-status{min-width:70px!important}.portal-v1-shell .account-v1-profile-card .account-v1-modem-image{width:64px!important;height:64px!important}}.portal-v1-shell .account-v1-profile-card.online{background:#f0fdf4!important;border-color:#9ad8b5!important}.portal-v1-shell .account-v1-profile-card.offline{background:#fff4f4!important;border-color:#f0aaaa!important}.portal-v1-shell .account-v1-profile-card.unknown{background:#f8fafc!important;border-color:#e8f5e9!important}.portal-v1-shell .account-v1-profile-card .account-v1-modem-status{min-width:76px!important;min-height:76px!important;right:10px!important}.portal-v1-shell .account-v1-profile-card .account-v1-modem-image{width:76px!important;height:76px!important}@media (max-width:380px){.portal-v1-shell .account-v1-profile-card .account-v1-modem-status{min-width:68px!important;min-height:68px!important;right:8px!important}.portal-v1-shell .account-v1-profile-card .account-v1-modem-image{width:68px!important;height:68px!important}}.loading-shell-quiet.portal-splash-pale{background:radial-gradient(circle at 50% 35%,#fffffff5,#0000 22rem),linear-gradient(145deg,#f7fdf9 0%,#f0fdf4 52%,#dcfce7 100%)!important}.portal-splash-shell{background:radial-gradient(circle at 50% 34%,#1bbeff3d,#0000 24rem),radial-gradient(circle at 12% 14%,#1f74ff3d,#0000 20rem),radial-gradient(circle at 88% 78%,#5fffb324,#0000 20rem),linear-gradient(155deg,#020e07 0%,#052e16 46%,#020e07 100%)!important;place-items:center!important;min-height:100svh!important;padding:28px!important;display:grid!important;position:relative!important;overflow:hidden!important}.portal-splash-grid{opacity:.22;background-image:linear-gradient(#68d8ff1c 1px,#0000 1px),linear-gradient(90deg,#68d8ff1c 1px,#0000 1px);background-size:42px 42px;animation:16s linear infinite portalSplashGrid;position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(circle,#000000f2,#0000 72%);mask-image:radial-gradient(circle,#000000f2,#0000 72%)}.portal-splash-orb{pointer-events:none;filter:blur(24px);opacity:.64;border-radius:999px;width:360px;height:360px;position:absolute}.portal-splash-orb-a{background:radial-gradient(circle,#16b9ff6b,#0000 68%);animation:7s ease-in-out infinite portalSplashFloat;top:-150px;left:-120px}.portal-splash-orb-b{background:radial-gradient(circle,#86ff6b3d,#0000 70%);animation:8s ease-in-out infinite reverse portalSplashFloat;bottom:-150px;right:-150px}.portal-splash-card{z-index:1;-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);background:linear-gradient(145deg,#071c34d1,#020a15d6),radial-gradient(circle at 50% 0,#68d8ff38,#0000 18rem);border:1px solid #68d8ff38;border-radius:34px;justify-items:center;gap:20px;width:min(100%,390px);padding:30px 24px 26px;animation:.64s cubic-bezier(.2,.9,.2,1) both portalSplashRise;display:grid;position:relative;box-shadow:0 30px 90px #00000075,inset 0 0 0 1px #ffffff0a,0 0 42px #16b9ff1a}.portal-splash-card:before{content:"";border-radius:inherit;pointer-events:none;opacity:.72;background:linear-gradient(120deg,#ffffff1f,#0000 24% 72%,#86ff6b14);position:absolute;inset:0}.portal-splash-logo-wrap{place-items:center;width:170px;height:170px;display:grid;position:relative}.portal-splash-logo-wrap img{z-index:2;object-fit:contain;filter:drop-shadow(0 0 16px #68d8ff61)drop-shadow(0 16px 26px #00000052);width:128px;height:auto;animation:3.4s ease-in-out infinite portalSplashLogo;position:relative}.portal-splash-ring{border:1px solid #68d8ff47;border-radius:999px;position:absolute;box-shadow:inset 0 0 26px #16b9ff1f}.portal-splash-ring-outer{border-top-color:#86ff6bc7;border-right-color:#16b9ff8c;animation:4.4s linear infinite portalSplashSpin;inset:0}.portal-splash-ring-inner{border-bottom-color:#16b9ff9e;border-left-color:#86ff6b8c;animation:5.8s linear infinite reverse portalSplashSpin;inset:18px}.portal-splash-copy{z-index:1;text-align:center;position:relative}.portal-splash-copy span{color:#334155;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 16px #16b9ff5c;font-size:.72rem;font-weight:900;display:block}.portal-splash-copy strong{color:#94a3b8;letter-spacing:-.04em;margin-top:8px;font-size:clamp(1.35rem,6vw,2rem);font-weight:950;display:block}.portal-splash-copy p{color:#def2ffb8;max-width:290px;margin-top:8px;font-size:.9rem;line-height:1.5}.portal-splash-loader{z-index:1;justify-content:center;align-items:center;gap:8px;min-height:18px;display:inline-flex;position:relative}.portal-splash-loader i{background:#4ade80;border-radius:999px;width:8px;height:8px;animation:1.05s ease-in-out infinite portalSplashDot;box-shadow:0 0 16px #16b9ff8c}.portal-splash-loader i:nth-child(2){animation-delay:.16s}.portal-splash-loader i:nth-child(3){animation-delay:.32s}@keyframes portalSplashRise{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes portalSplashLogo{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.025)}}@keyframes portalSplashSpin{to{transform:rotate(360deg)}}@keyframes portalSplashDot{0%,to{opacity:.35;transform:translateY(0)scale(.8)}50%{opacity:1;transform:translateY(-5px)scale(1)}}@keyframes portalSplashFloat{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(18px,14px)scale(1.08)}}@keyframes portalSplashGrid{to{transform:translate(42px,42px)}}@media (max-width:380px){.portal-splash-card{border-radius:30px;width:min(100%,340px);padding:26px 18px 24px}.portal-splash-logo-wrap{width:150px;height:150px}.portal-splash-logo-wrap img{width:112px}}@media (prefers-reduced-motion:reduce){.portal-splash-grid,.portal-splash-orb,.portal-splash-card,.portal-splash-logo-wrap img,.portal-splash-ring,.portal-splash-loader i{animation:none!important}}.hmd-monitoring-section{gap:20px;display:grid}.hmd-monitoring-map-container{background:radial-gradient(circle at 50% 0,#16b9ff0e,#0000 58%),#02081461;border:1px solid #16b9ff24;border-radius:18px;width:100%;position:relative;overflow:hidden}.hmd-monitoring-map{width:100%;height:auto;min-height:300px;max-height:560px;display:block}.hmd-link{fill:none;stroke-width:1.8px;stroke-linecap:round;opacity:.85}.hmd-link-odc-odp{stroke:#16b9ff8c;stroke-width:2.2px}.hmd-link-odc-odp.hmd-link-off{stroke:#ff58718c;stroke-dasharray:4 5}.hmd-link-odp-cust{stroke:#94a3b861;stroke-dasharray:5 4}.hmd-link-odp-cust.hmd-online{stroke:#8cff2499;stroke-dasharray:none}.hmd-link-odp-cust.hmd-offline{stroke:#ff58716b;stroke-dasharray:4 5}.hmd-node{cursor:pointer}.hmd-node-shape{transition:stroke-width .18s,opacity .18s}.hmd-node:hover .hmd-node-shape,.hmd-node:focus-visible .hmd-node-shape{stroke-width:3px;opacity:1}.hmd-shape-odc{fill:#16b9ff29;stroke:#22c55e;stroke-width:2px}.hmd-shape-odp{fill:#49f3ff24;stroke:#4ade80;stroke-width:1.8px}.hmd-odp-off-label{fill:#ff5871!important}.hmd-shape-cust{stroke-width:1.6px}.hmd-cust-online{fill:#4ade80;stroke:#8cff2466}.hmd-cust-offline{fill:#ff5871;stroke:#ff587159;opacity:.8}.hmd-node-label{fill:#86efac;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:700}.hmd-cust-label{fill:#f0fdf4;font-size:10px;font-weight:600}.hmd-node-icon{fill:#f0fdf4;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:900}.hmd-pulse{fill:none;stroke:#4ade80;stroke-width:2px;opacity:.7;transform-box:fill-box;transform-origin:50%;animation:2s ease-out infinite hmdPulseRing}@keyframes hmdPulseRing{0%{opacity:.8;transform:scale(.6)}70%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}.hmd-legend{background:#02081459;border-top:1px solid #16b9ff1a;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 14px;display:flex}.hmd-legend-item{color:#334155;letter-spacing:.04em;white-space:nowrap;align-items:center;gap:6px;font-size:.72rem;font-weight:800;display:inline-flex}.hmd-legend-dot{border-radius:999px;flex-shrink:0;width:10px;height:10px}.hmd-legend-online{background:#4ade80;box-shadow:0 0 8px #8cff2480}.hmd-legend-offline{opacity:.8;background:#ff5871}.hmd-legend-box{border-radius:4px;flex-shrink:0;width:12px;height:12px}.hmd-legend-odc{background:#16b9ff33;border:1.5px solid #22c55e;border-radius:999px}.hmd-legend-odp{background:#49f3ff26;border:1.5px solid #4ade80}.hmd-legend-odp-off{background:#ff587133;border:1.5px solid #ff5871;border-radius:999px}.hmd-monitoring-list{gap:8px;display:grid}.hmd-monitoring-list .admin-customer-list{gap:6px;margin-top:10px}.hmd-monitoring-list .admin-customer-card{border-radius:12px;padding:8px 10px;box-shadow:0 4px 12px #0000001f}.hmd-monitoring-list .admin-customer-summary{gap:8px}.hmd-monitoring-list .admin-customer-summary-main{gap:2px}.hmd-monitoring-list .admin-customer-summary-main strong{font-size:.82rem;line-height:1.15}.hmd-monitoring-list .admin-customer-summary-main span{font-size:.68rem}.hmd-monitoring-list .admin-status-stack{gap:3px;min-width:0}.hmd-monitoring-list .admin-customer-summary .admin-status-stack{min-width:0}.hmd-monitoring-list .admin-billing-pill,.hmd-monitoring-list .admin-modem-status{border-radius:6px;gap:3px;min-height:20px;padding:0 8px;font-size:.58rem}.hmd-monitoring-list .section-heading{gap:4px;margin-bottom:10px}.hmd-monitoring-list .section-heading strong{font-size:1rem}.hmd-monitoring-list .section-heading span{font-size:.68rem}@media (max-width:760px){.hmd-monitoring-map{min-height:260px}.hmd-legend{gap:10px;padding:8px 10px}.hmd-legend-item{font-size:.68rem}}@media (max-width:380px){.hmd-monitoring-map{min-height:220px}.hmd-legend{gap:8px}}@media (prefers-reduced-motion:reduce){.hmd-pulse{opacity:.35;animation:none}.hmd-node-shape{transition:none}}.trial-settings-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.trial-settings-row .field-group{flex:1;min-width:120px}.trial-active-badge{color:#16a34a}.trial-banner{color:#1f2937;background:linear-gradient(135deg,#f0fdf4,#e0e7ff);border:1px solid #86efac;border-radius:14px;align-items:center;gap:12px;max-width:420px;margin:0 auto 16px;padding:12px 16px;display:flex}.trial-banner .trial-banner-icon{font-size:1.5rem;line-height:1}.trial-banner strong{font-size:.9rem;display:block}.trial-banner span{opacity:.85;font-size:.8rem}:root{--bg:#f4f2fd;--bg-2:#edeafb;--panel:#fff;--panel-strong:#fff;--line:#e2dcf8;--line-strong:#c9bff5;--text:#1e1b3a;--muted:#6b6884;--soft:#8b85a8;--blue:#5b50e6;--blue-strong:#4338ca;--lime:#16a34a;--danger:#dc2626;--warning:#f59e0b;--shadow:0 12px 32px #5b50e61a;--radius:24px}html,body{color:#1e1b3a!important;background:#f4f2fd!important}.login-shell,.dashboard-shell,.loading-shell{background:radial-gradient(circle at 12% 10%,#5b50e612,#0000 30%),radial-gradient(circle at 82% 80%,#8b3dff0d,#0000 28%),linear-gradient(135deg,#f4f2fd 0%,#edeafb 48%,#f4f2fd 100%)!important}.login-shell:before,.login-shell:after,.dashboard-shell:before,.dashboard-shell:after{opacity:.3!important}.login-shell>.grid-layer{opacity:.05!important}.login-card,.loading-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #e2dcf8!important;box-shadow:0 20px 60px #5b50e61f!important}.login-heading h1{color:#1e1b3a!important}.login-heading p,.login-heading span,.login-footnote{color:#6b6884!important}.login-options{border-color:#e2dcf8!important}.login-hero-panel{background:linear-gradient(135deg,#5b50e6,#8b3dff)!important;border-color:#0000!important}.login-hero-panel .hero-copy h2,.login-hero-panel .hero-copy span{color:#fff!important}.login-customer-service{background:#fff!important;border-color:#e2dcf8!important}.login-customer-service>span{color:#1e1b3a!important}.login-customer-service a{color:#5b50e6!important}.customer-app-shell{color:#1e1b3a!important;background:radial-gradient(circle at 18% 4%,#5b50e60f,#0000 24%),radial-gradient(circle at 84% 12%,#8b3dff0a,#0000 20%),#f4f2fd!important;overflow-x:hidden!important}.customer-app-shell:before{opacity:.4!important;background-color:#0000!important;background-image:linear-gradient(90deg,#5b50e608 1px,#0000 1px),linear-gradient(#5b50e608 1px,#0000 1px)!important;background-position:0 0,0 0!important;background-repeat:repeat,repeat!important;background-size:56px 56px!important;background-attachment:scroll,scroll!important;background-origin:padding-box,padding-box!important;background-clip:border-box,border-box!important}.customer-app-shell:after{opacity:.5!important;background:radial-gradient(circle at 50% 10%,#5b50e60d,#0000 20rem),radial-gradient(circle at 50% 95%,#8b3dff08,#0000 16rem)!important}.customer-app-shell .isp-app-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(135deg,#5b50e6 0%,#8b3dff 100%)!important;border:1px solid #ffffff1f!important;border-radius:18px!important;box-shadow:0 12px 32px #5b50e638!important}.customer-app-shell .isp-app-header:before{display:none!important}.customer-app-shell .isp-brand-copy strong,.customer-app-shell .isp-welcome-copy h1,.customer-app-shell .section-heading strong,.customer-app-shell .info-tile strong,.customer-app-shell .compact-info-card strong,.customer-app-shell .hmd-empty-state strong,.customer-app-shell .connected-device-main strong,.customer-app-shell .home-device-preview-copy strong{color:#fff!important}.customer-app-shell .isp-brand-copy span,.customer-app-shell .isp-welcome-copy span,.customer-app-shell .section-heading p,.customer-app-shell .section-heading small,.customer-app-shell .info-tile span,.customer-app-shell .compact-info-card p,.customer-app-shell .hmd-empty-state p,.customer-app-shell .connected-device-main span,.customer-app-shell .connected-device-main small,.customer-app-shell .home-device-preview-copy span,.customer-app-shell .devices-loading-state,.customer-app-shell .wifi-task-message,.customer-app-shell .wifi-task-status span,.customer-app-shell .wifi-offline-state p{color:#ffffffd1!important}.customer-app-shell .isp-welcome-copy small{color:#e8e4ff!important;background:#ffffff24!important;border:1px solid #ffffff38!important}.customer-app-shell .isp-logo{filter:drop-shadow(0 0 10px #ffffff2e)!important}.customer-app-shell .isp-logout-button{color:#fff!important;background:#ffffff1f!important;border-color:#ffffff47!important}.customer-app-shell .isp-logout-button:hover{background:#ffffff38!important}.customer-app-shell .wifi-page-card,.customer-app-shell .devices-page-card,.customer-app-shell .connected-devices-card,.customer-app-shell .isp-card,.customer-app-shell .isp-hero-card,.customer-app-shell .glass-card.hmd-card,.customer-app-shell .isp-devices-card,.customer-app-shell .isp-hero-status-card,.customer-app-shell .portal-home-brand-card,.customer-app-shell .portal-home-hero-card,.customer-app-shell .portal-home-menu-card,.customer-app-shell .portal-home-security-card,.customer-app-shell .portal-info-card,.customer-app-shell .portal-detail-card,.customer-app-shell .portal-help-card,.customer-app-shell .portal-ai-card,.customer-app-shell .wifi-capability-card,.customer-app-shell .payment-hero-card,.customer-app-shell .payment-method-card,.customer-app-shell .payment-proof-card,.customer-app-shell .payment-success-state,.customer-app-shell .payment-qr-card,.customer-app-shell .payment-empty-config,.customer-app-shell .payment-warning-card,.customer-app-shell .payment-page-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #e2dcf8!important;border-radius:18px!important;box-shadow:0 8px 24px #5b50e60f!important}.customer-app-shell .info-tile,.customer-app-shell .compact-info-card,.customer-app-shell .connected-device-item,.customer-app-shell .home-device-preview-item,.customer-app-shell .wifi-task-status,.customer-app-shell .wifi-task-message,.customer-app-shell .wifi-offline-state,.customer-app-shell .hmd-empty-state,.customer-app-shell .devices-loading-state,.customer-app-shell .devices-error-state,.customer-app-shell .connected-devices-summary>div,.customer-app-shell .portal-home-hero-status,.customer-app-shell .portal-simple-status,.customer-app-shell .portal-security-banner,.customer-app-shell .portal-banner{box-shadow:none!important;background:#fff!important;border:1px solid #e2dcf8!important;border-radius:14px!important}.customer-app-shell .wifi-page-card .info-tile,.customer-app-shell .wifi-page-card .field-control,.customer-app-shell .wifi-page-card .wifi-password-control,.customer-app-shell .wifi-page-card .compact-info-card,.customer-app-shell .wifi-page-card .wifi-task-message,.customer-app-shell .wifi-page-card .wifi-task-status,.customer-app-shell .wifi-page-card .alert-error{color:#1e1b3a!important;background:#fff!important;border-color:#e2dcf8!important}.customer-app-shell .page-heading-clean strong,.customer-app-shell .row-heading strong,.customer-app-shell .compact-heading strong,.customer-app-shell .payment-method-card strong,.customer-app-shell .payment-proof-heading strong,.customer-app-shell .portal-home-hero-card h3,.customer-app-shell .portal-home-brand-card h2,.customer-app-shell .portal-ai-heading strong,.customer-app-shell .portal-help-panel-copy strong,.customer-app-shell .portal-security-banner strong,.customer-app-shell .portal-simple-status strong,.customer-app-shell .payment-warning-card strong{color:#1e1b3a!important}.customer-app-shell .page-heading-clean p,.customer-app-shell .page-heading-clean small,.customer-app-shell .row-heading p,.customer-app-shell .row-heading small,.customer-app-shell .compact-heading p,.customer-app-shell .payment-method-card small,.customer-app-shell .payment-proof-heading p,.customer-app-shell .payment-file-note,.customer-app-shell .portal-home-hero-card p,.customer-app-shell .portal-home-brand-card>span,.customer-app-shell .portal-ai-message p,.customer-app-shell .portal-help-panel-copy p,.customer-app-shell .portal-security-banner p,.customer-app-shell .portal-simple-status p,.customer-app-shell .portal-info-footer p,.customer-app-shell .payment-warning-card p,.customer-app-shell .payment-hero-card p{color:#6b6884!important}.customer-app-shell .isp-app-header .info-tile strong,.customer-app-shell .isp-app-header .info-tile span,.customer-app-shell .isp-app-header .section-heading strong,.customer-app-shell .isp-app-header .section-heading span,.customer-app-shell .isp-app-header .section-heading p,.customer-app-shell .isp-app-header .compact-info-card strong,.customer-app-shell .isp-app-header .compact-info-card p{color:#fff!important}.customer-app-shell .isp-app-header .info-tile,.customer-app-shell .isp-app-header .compact-info-card,.customer-app-shell .isp-app-header .isp-status-line{background:#ffffff1a!important;border-color:#ffffff29!important}.customer-app-shell .field-control{background:#fff!important;border:1px solid #e2dcf8!important;border-radius:16px!important;min-height:50px!important}.customer-app-shell .field-control input,.customer-app-shell .wifi-page-card input{color:#1e1b3a!important;-webkit-text-fill-color:#1e1b3a!important;caret-color:#5b50e6!important;background:0 0!important}.customer-app-shell .field-control input::placeholder{color:#a5a2c0!important;-webkit-text-fill-color:#a5a2c0!important}.customer-app-shell .field-control svg{color:#5b50e6!important}.customer-app-shell .field-group>span,.customer-app-shell .section-heading span,.customer-app-shell .isp-brand-kicker{color:#6b6884!important;letter-spacing:.06em!important}.customer-app-shell .primary-button{color:#fff!important;background:linear-gradient(135deg,#5b50e6,#6b45f0)!important;border-color:#0000!important;border-radius:16px!important;min-height:50px!important;box-shadow:0 10px 24px #5b50e638!important}.customer-app-shell .primary-button:not(:disabled):hover,.customer-app-shell .primary-button:not(:disabled):active{background:linear-gradient(135deg,#4338ca,#5b50e6)!important;box-shadow:0 14px 30px #5b50e64d!important}.customer-app-shell .wifi-refresh-button.compact,.customer-app-shell .wifi-password-control button,.customer-app-shell .compact-info-card button,.customer-app-shell .devices-error-state button,.customer-app-shell .isp-logout-button,.customer-app-shell .eye-toggle-button,.customer-app-shell .portal-ai-send,.customer-app-shell .portal-home-logout,.customer-app-shell .portal-info-logout{color:#5b50e6!important;box-shadow:none!important;background:#fff!important;border:1px solid #e2dcf8!important}.customer-app-shell .wifi-refresh-button.compact:not(:disabled):hover,.customer-app-shell .wifi-refresh-button.compact:not(:disabled):active{color:#4338ca!important;border-color:#5b50e6!important;box-shadow:0 0 16px #5b50e624!important}.customer-app-shell .eye-toggle-button{color:#8b3dff!important;background:#fff!important;border-color:#e2dcf8!important}.customer-app-shell .isp-home-button,.customer-app-shell .portal-help-action,.customer-app-shell .payment-method-card button,.customer-app-shell .payment-dropzone button{color:#fff!important;background:#ff8a3d!important;border-color:#0000!important}.customer-app-shell .isp-home-button:hover,.customer-app-shell .portal-help-action:hover{background:#f97316!important}.customer-app-shell .mobile-bottom-nav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #e2dcf8!important;border-radius:22px!important;box-shadow:0 14px 36px #5b50e61f!important}.customer-app-shell .mobile-bottom-nav button{color:#6b6884!important;background:0 0!important;border:1px solid #0000!important}.customer-app-shell .mobile-bottom-nav button.active{color:#fff!important;background:linear-gradient(135deg,#5b50e6,#8b3dff)!important;border-color:#fff3!important;box-shadow:0 8px 20px #5b50e63d!important}.customer-app-shell .mobile-bottom-nav button.active:after{box-shadow:none!important;background:#fff9!important}.customer-app-shell .mobile-bottom-nav button.active .bottom-nav-icon{box-shadow:none!important;background:#ffffff2e!important}.customer-app-shell .mobile-bottom-nav button.active .bottom-nav-svg .icon-line,.customer-app-shell .mobile-bottom-nav button.active .bottom-nav-svg .icon-dot,.customer-app-shell .mobile-bottom-nav button.active .bottom-nav-svg .icon-accent{stroke:#fff!important}.customer-app-shell .mobile-bottom-nav button.active .bottom-nav-svg .icon-dot-fill,.customer-app-shell .mobile-bottom-nav button.active .bottom-nav-svg .icon-soft-fill{fill:#ffffff47!important}.customer-app-shell .mobile-bottom-nav button.active .bottom-nav-label{color:#fff!important;font-weight:950!important}.customer-app-shell .bottom-nav-icon{background:#5b50e60f!important}.customer-app-shell .mobile-bottom-nav button:not(.active) .bottom-nav-icon{background:#5b50e614!important}.customer-app-shell .mobile-bottom-nav button:before{display:none!important}.customer-app-shell .isp-status-line,.customer-app-shell .home-device-status,.customer-app-shell .connected-device-meta span,.customer-app-shell .isp-package-row span{color:#16a34a!important;background:#16a34a14!important;border:1px solid #16a34a2e!important}.customer-app-shell .isp-status-line i,.customer-app-shell .home-device-status:before,.customer-app-shell .connected-device-meta span:before{background:#16a34a!important;box-shadow:0 0 10px #16a34a66!important}.customer-app-shell .isp-status-line.online,.customer-app-shell .home-device-status.online,.customer-app-shell .connected-device-meta.tone-online span{color:#16a34a!important;background:#16a34a14!important;border-color:#16a34a2e!important}.customer-app-shell .isp-status-line.online i,.customer-app-shell .home-device-status.online:before{background:#16a34a!important;box-shadow:0 0 10px #16a34a73!important}.customer-app-shell .isp-status-line.offline,.customer-app-shell .isp-status-line.unknown,.customer-app-shell .home-device-status.offline,.customer-app-shell .home-device-status.unknown,.customer-app-shell .connected-device-meta.tone-offline span,.customer-app-shell .connected-device-meta.tone-unknown span,.customer-app-shell .portal-home-hero-status.offline,.customer-app-shell .portal-simple-status.offline{color:#dc2626!important;background:#dc26260f!important;border:1px solid #dc262629!important}.customer-app-shell .isp-status-line.offline i,.customer-app-shell .isp-status-line.unknown i,.customer-app-shell .home-device-status.offline:before,.customer-app-shell .home-device-status.unknown:before,.customer-app-shell .connected-device-meta.tone-offline span:before,.customer-app-shell .connected-device-meta.tone-unknown span:before{background:#dc2626!important;box-shadow:0 0 10px #dc262659!important}.customer-app-shell .router-status-light{background:#f59e0b!important;box-shadow:0 0 0 4px #f59e0b29,0 0 18px #f59e0b73!important}.customer-app-shell .router-status-visual.online .router-status-light{background:#16a34a!important;box-shadow:0 0 0 4px #16a34a29,0 0 22px #16a34ab3!important}.customer-app-shell .router-status-visual.checking .router-status-light{background:#f59e0b!important;box-shadow:0 0 0 4px #f59e0b29,0 0 18px #f59e0b99!important}.customer-app-shell .router-status-visual.offline .router-status-light{background:#dc2626!important;box-shadow:0 0 0 4px #dc262629,0 0 22px #dc2626a6!important}.customer-app-shell .portal-home-hero-status i,.customer-app-shell .portal-home-hero-status strong{color:#16a34a!important}.customer-app-shell .portal-home-hero-status.offline i,.customer-app-shell .portal-home-hero-status.offline strong{color:#dc2626!important}.customer-app-shell .compact-info-card.muted,.customer-app-shell .hmd-empty-state,.customer-app-shell .devices-error-state{background:#f59e0b0a!important;border-color:#f59e0b33!important}.customer-app-shell .compact-info-card.muted strong,.customer-app-shell .hmd-empty-state strong,.customer-app-shell .devices-error-state strong{color:#92400e!important}.customer-app-shell .compact-info-card.muted p,.customer-app-shell .hmd-empty-state p,.customer-app-shell .devices-error-state p,.customer-app-shell .wifi-offline-state p{color:#6b6884!important}.customer-app-shell .compact-info-card.muted strong:before{background:#f59e0b!important;box-shadow:0 0 0 4px #f59e0b1f!important}.customer-app-shell .alert-error{color:#991b1b!important;background:#dc26260a!important;border:1px solid #dc262633!important}.customer-app-shell{--icon-blue:#5b50e6;--icon-cyan:#8b3dff;--icon-green:#16a34a;--icon-yellow:#f59e0b;--icon-orange:#ff8a3d;--icon-pink:#ec4899;--icon-violet:#8b3dff}.customer-app-shell .info-tile:before,.customer-app-shell .wifi-page-card .info-tile:before{background:linear-gradient(135deg,#5b50e6,#8b3dff)!important;box-shadow:0 0 10px #5b50e633!important}.customer-app-shell .info-tile:nth-child(2n):before{background:linear-gradient(135deg,#8b3dff,#ec4899)!important;box-shadow:0 0 10px #8b3dff33!important}.customer-app-shell .info-tile:nth-child(3n):before{background:linear-gradient(135deg,#ff8a3d,#f59e0b)!important;box-shadow:0 0 10px #ff8a3d33!important}.customer-app-shell .home-device-preview-icon,.customer-app-shell .connected-device-icon,.customer-app-shell .hmd-empty-icon{color:#fff!important;background:radial-gradient(circle at 30% 22%,#ffffff3d,#0000 28%),linear-gradient(135deg,#5b50e6,#8b3dff)!important;box-shadow:0 4px 14px #5b50e633!important}.customer-app-shell .home-device-preview-item:nth-child(2n) .home-device-preview-icon,.customer-app-shell .connected-device-item:nth-child(2n) .connected-device-icon{background:radial-gradient(circle at 30% 22%,#ffffff3d,#0000 28%),linear-gradient(135deg,#16a34a,#5b50e6)!important}.customer-app-shell .home-device-preview-item:nth-child(3n) .home-device-preview-icon,.customer-app-shell .connected-device-item:nth-child(3n) .connected-device-icon{background:radial-gradient(circle at 30% 22%,#ffffff3d,#0000 28%),linear-gradient(135deg,#ff8a3d,#ec4899)!important}.customer-app-shell .wifi-band-tabs button{color:#1e1b3a!important;background:#fff!important;border:1px solid #e2dcf8!important}.customer-app-shell .wifi-band-tabs button svg{color:#5b50e6!important}.customer-app-shell .wifi-band-tabs button small{color:#6b6884!important}.customer-app-shell .wifi-band-tabs button.active{color:#fff!important;background:linear-gradient(135deg,#5b50e6,#8b3dff)!important;border-color:#0000!important;box-shadow:0 8px 20px #5b50e633!important}.customer-app-shell .wifi-band-tabs button.active svg,.customer-app-shell .wifi-band-tabs button.active small{color:#fff!important}.customer-app-shell .wifi-capability-card{color:#1e1b3a!important;background:#fff!important;border:1px solid #e2dcf8!important}.customer-app-shell .wifi-capability-card strong{color:#1e1b3a!important}.customer-app-shell .wifi-capability-card span{color:#6b6884!important}.customer-app-shell .payment-hero-card{background:linear-gradient(135deg,#5b50e6,#8b3dff)!important;border-color:#0000!important}.customer-app-shell .payment-hero-card:after{background:radial-gradient(circle,#ffffff26,#0000 68%)!important}.customer-app-shell .payment-hero-card h2{color:#fff!important}.customer-app-shell .payment-hero-card p{color:#ffffffd9!important}.customer-app-shell .payment-hero-icon{color:#fff!important;background:#ffffff29!important}.customer-app-shell .payment-method-chip{color:#16a34a!important;background:#16a34a14!important;border-color:#16a34a29!important}.customer-app-shell .payment-method-chip.digital{color:#5b50e6!important;background:#5b50e614!important;border-color:#5b50e629!important}.customer-app-shell .payment-method-card strong,.customer-app-shell .payment-method-card p{color:#1e1b3a!important}.customer-app-shell .payment-method-card small{color:#6b6884!important}.customer-app-shell .payment-proof-heading span{color:#5b50e6!important}.customer-app-shell .payment-method-card button,.customer-app-shell .payment-dropzone button{color:#fff!important;background:#ff8a3d!important;border-color:#0000!important}.customer-app-shell .payment-warning-card{background:#f59e0b0a!important;border-color:#f59e0b33!important}.customer-app-shell .payment-warning-card strong{color:#92400e!important}.customer-app-shell .payment-warning-card p{color:#6b6884!important}.customer-app-shell .portal-ai-chat{background:#f8f7fd!important;border:1px solid #e2dcf8!important;border-radius:16px!important}.customer-app-shell .portal-ai-message p{color:#1e1b3a!important}.customer-app-shell .portal-ai-message.ai{background:#fff!important;border:1px solid #e2dcf8!important}.customer-app-shell .portal-ai-message.customer{background:linear-gradient(135deg,#5b50e6,#8b3dff)!important}.customer-app-shell .portal-ai-message.customer p{color:#fff!important}.customer-app-shell .portal-ai-form{background:#fff!important;border:1px solid #e2dcf8!important;border-radius:999px!important}.customer-app-shell .portal-ai-form input{color:#1e1b3a!important;background:0 0!important}.customer-app-shell .portal-ai-form input::placeholder{color:#a5a2c0!important}.customer-app-shell .portal-ai-form input:focus{outline-color:#5b50e6!important}.customer-app-shell .portal-ai-send{color:#fff!important;background:linear-gradient(135deg,#5b50e6,#8b3dff)!important;border-color:#0000!important}.customer-app-shell .portal-ai-logout{color:#5b50e6!important;background:#fff!important;border-color:#e2dcf8!important}.customer-app-shell .portal-ai-qr{background:#fff!important;border:1px solid #e2dcf8!important}.customer-app-shell .portal-ai-qr span{color:#6b6884!important}.customer-app-shell .portal-banner{overflow:hidden;background:linear-gradient(135deg,#5b50e6,#8b3dff)!important;border:1px solid #0000!important;border-radius:16px!important}.customer-app-shell .portal-banner-dots button{background:#fff6!important}.customer-app-shell .portal-banner-dots button.active{background:#fff!important}.customer-app-shell .portal-help-badge{color:#5b50e6!important;background:#5b50e614!important;border-color:#5b50e629!important}.customer-app-shell .portal-help-action svg,.customer-app-shell .portal-help-action{color:#fff!important}.customer-app-shell .portal-security-icon{color:#5b50e6!important;background:#5b50e614!important}.customer-app-shell .portal-security-banner{background:#5b50e608!important;border-color:#5b50e629!important}.customer-app-shell .portal-app-menu-button,.customer-app-shell .portal-home-menu-card{background:#fff!important;border:1px solid #e2dcf8!important;box-shadow:0 4px 14px #5b50e60d!important}.customer-app-shell .portal-app-menu-button:hover,.customer-app-shell .portal-home-menu-card:hover{border-color:#c9bff5!important;box-shadow:0 8px 22px #5b50e61a!important}.customer-app-shell .portal-app-menu-icon,.customer-app-shell .portal-home-menu-icon{color:#fff!important;background:linear-gradient(135deg,#5b50e6,#8b3dff)!important}.customer-app-shell .portal-app-menu-button:nth-child(2n) .portal-app-menu-icon,.customer-app-shell .portal-home-menu-card:nth-child(2n) .portal-home-menu-icon{background:linear-gradient(135deg,#ff8a3d,#f59e0b)!important}.customer-app-shell .portal-app-menu-button:nth-child(odd) .portal-app-menu-icon,.customer-app-shell .portal-home-menu-card:nth-child(odd) .portal-home-menu-icon{background:linear-gradient(135deg,#5b50e6,#8b3dff)!important}.customer-app-shell .portal-app-menu-copy strong,.customer-app-shell .portal-home-menu-copy strong{color:#1e1b3a!important}.customer-app-shell .portal-app-menu-copy small,.customer-app-shell .portal-home-menu-copy small{color:#6b6884!important}.customer-app-shell .portal-app-menu-arrow svg{color:#c9bff5!important}.customer-app-shell .portal-home-brand-card>span,.customer-app-shell .portal-home-status strong,.customer-app-shell .portal-home-status-copy>strong{color:#1e1b3a!important}.customer-app-shell .portal-home-status p,.customer-app-shell .portal-home-status-copy>p{color:#6b6884!important}.customer-app-shell .portal-home-status-dot{background:#16a34a!important}.customer-app-shell .portal-home-status.offline .portal-home-status-dot{background:#dc2626!important}.customer-app-shell .portal-home-status-pill{color:#16a34a!important;background:#16a34a14!important;border:1px solid #16a34a29!important}.customer-app-shell .portal-home-status.offline .portal-home-status-pill{color:#dc2626!important;background:#dc26260f!important;border-color:#dc262624!important}.customer-app-shell .portal-home-usage-section .bar-wrapper .bar{background:linear-gradient(#5b50e6,#8b3dff)!important}.customer-app-shell .portal-home-usage-section .bar-wrapper.today .bar{background:linear-gradient(#ff8a3d,#f59e0b)!important}.customer-app-shell .portal-home-usage-section .bar-wrapper span{color:#6b6884!important}.customer-app-shell .portal-home-usage-section .chart-title{color:#1e1b3a!important}.customer-app-shell .account-info-card,.customer-app-shell .account-v1-settings-card,.customer-app-shell .account-v1-info-card{background:#fff!important;border:1px solid #e2dcf8!important;border-radius:16px!important}.customer-app-shell .account-info-item{border-color:#e2dcf8!important}.customer-app-shell .account-info-label{color:#6b6884!important}.customer-app-shell .account-info-value,.customer-app-shell .account-owner,.customer-app-shell .account-number{color:#1e1b3a!important}.customer-app-shell .account-v1-field input{color:#1e1b3a!important;background:#fff!important;border-color:#e2dcf8!important}.customer-app-shell .account-v1-save-button{color:#fff!important;background:linear-gradient(135deg,#5b50e6,#8b3dff)!important;border-color:#0000!important}.customer-app-shell .account-v1-success{color:#16a34a!important}.customer-app-shell .account-logout-button,.customer-app-shell .account-action-button{color:#5b50e6!important;background:#fff!important;border-color:#e2dcf8!important}.customer-app-shell .connected-devices-summary strong{color:#1e1b3a!important}.customer-app-shell .connected-devices-summary span{color:#6b6884!important}.customer-app-shell .connected-device-meta span{color:#16a34a!important;background:#16a34a14!important}.customer-app-shell .isp-header-illustration{filter:drop-shadow(0 12px 22px #5b50e626)!important}.top-header{background:linear-gradient(135deg,#5b50e6 0%,#8b3dff 100%)!important;box-shadow:0 5px 18px #5b50e638!important}.app{background:#f4f2fd!important}body{color:#1e1b3a!important;background:#f4f2fd!important}.content{background:0 0!important}.welcome-title,.welcome-title strong{color:#1e1b3a!important}.welcome-description,.welcome-small{color:#6b6884!important}.menu-card,.menu-utama .menu-card{background:#fff!important;border:1px solid #e2dcf8!important;box-shadow:0 6px 18px #5b50e60f!important}.menu-card:hover,.menu-card:first-child:hover,.menu-card:nth-child(2):hover,.menu-card:nth-child(3):hover{border-color:#c9bff5!important;box-shadow:0 10px 26px #5b50e61f!important}.menu-card .menu-icon,.menu-card:first-child .menu-icon,.menu-card:nth-child(2) .menu-icon,.menu-card:nth-child(3) .menu-icon{color:#fff!important;background:linear-gradient(135deg,#5b50e6,#8b3dff)!important}.menu-card:nth-child(2) .menu-icon,.menu-card:nth-child(2n) .menu-icon{background:linear-gradient(135deg,#ff8a3d,#f59e0b)!important}.menu-card:nth-child(3) .menu-icon,.menu-card:nth-child(3n) .menu-icon{background:linear-gradient(135deg,#16a34a,#5b50e6)!important}.menu-description strong,.menu-card .menu-description strong,.menu-card:first-child .menu-description strong,.menu-card:nth-child(2) .menu-description strong,.menu-card:nth-child(3) .menu-description strong{color:#1e1b3a!important}.menu-description small,.menu-description span,.menu-card .menu-description small,.menu-card .menu-description span{color:#6b6884!important}.internet-status{color:#fff!important;background:#ffffff24!important;border:1px solid #ffffff29!important}.status-dot{background:#4ade80!important;box-shadow:0 0 0 3px #4ade8033!important}.brand-name,.brand-tagline{color:#fff!important}.menu-utama-title,.section-title{color:#1e1b3a!important}.logout-button,.header-logout{color:#fff!important;background:#ffffff1f!important;border:1px solid #ffffff3d!important}.status-card,.info-card,.speed-card,.traffic-box,.page-card{background:#fff!important;border:1px solid #e2dcf8!important}.account-v1-app .page.active,.account-v1-settings-card,.account-v1-info-card{background:#fff!important;border-color:#e2dcf8!important}.admin-shell,.admin-container{color:#1e1b3a!important;background:#f4f2fd!important}.admin-card,.admin-dashboard-card,.admin-customer-card,.admin-form-section,.admin-stat-card,.admin-signal-panel,.tr069-card,.technician-tr069-card,.modem-admin-row,.customer-admin-row,.admin-row{background:#fff!important;border:1px solid #e2dcf8!important;box-shadow:0 6px 18px #5b50e60d!important}.admin-header strong,.admin-brand-block strong,.admin-card strong,.admin-form-section-title,.admin-stat-card strong,.admin-customer-summary-main strong,.admin-customer-meta-grid strong,.admin-row-main strong,.section-heading strong{color:#1e1b3a!important}.admin-brand-block span,.admin-card span,.admin-card p,.admin-card small,.admin-form label span,.admin-customer-meta-grid span,.admin-customer-meta-grid small,.admin-row-main small,.admin-customer-summary-main span,.section-heading span,.section-heading p,.admin-empty-state p{color:#6b6884!important}.admin-form input,.admin-form select,.admin-search-field input,.customer-code-inline-form input{color:#1e1b3a!important;background:#fff!important;border:1px solid #e2dcf8!important;border-radius:12px!important}.admin-form input::placeholder{color:#a5a2c0!important}.admin-form input:focus,.admin-form select:focus,.admin-search-field input:focus{border-color:#5b50e6!important;outline-color:#5b50e6!important}.admin-form .primary-button,.admin-form .primary-button:hover{color:#fff!important;background:linear-gradient(135deg,#5b50e6,#8b3dff)!important;border-color:#0000!important}.admin-filter-group button{color:#6b6884!important;background:#fff!important;border:1px solid #e2dcf8!important}.admin-filter-group button:hover{color:#5b50e6!important;border-color:#5b50e6!important}.admin-filter-group button.active{color:#fff!important;background:linear-gradient(135deg,#5b50e6,#8b3dff)!important;border-color:#0000!important}.admin-nav button{color:#6b6884!important;background:#fff!important;border-color:#e2dcf8!important}.admin-nav button.active{color:#fff!important;background:linear-gradient(135deg,#5b50e6,#8b3dff)!important;border-color:#0000!important}.admin-delete-button{color:#dc2626!important;background:#dc26260f!important;border-color:#dc262629!important}.admin-delete-button:hover{color:#fff!important;background:#dc2626!important;border-color:#0000!important}.admin-status-pill.active{color:#16a34a!important;background:#16a34a0f!important;border-color:#16a34a33!important}.admin-status-pill.inactive{color:#dc2626!important;background:#dc26260d!important;border-color:#dc262629!important}.admin-band-pill{color:#5b50e6!important;background:#5b50e60f!important;border-color:#5b50e633!important}.admin-data-pill,.admin-modem-status{color:#6b6884!important;background:#f8f7fd!important;border-color:#e2dcf8!important}.admin-billing-pill.active{color:#16a34a!important;background:#16a34a0f!important;border-color:#16a34a33!important}.admin-billing-pill.unknown,.tr069-status-pill{color:#f59e0b!important;background:#f59e0b0f!important;border-color:#f59e0b33!important}.tr069-status-pill.connected{color:#16a34a!important;background:#16a34a0f!important;border-color:#16a34a33!important}.tr069-status-pill.detected{color:#5b50e6!important;background:#5b50e60f!important;border-color:#5b50e633!important}.tr069-loading{color:#5b50e6!important;background:#5b50e60f!important;border-color:#5b50e629!important}.tr069-field,.copy-row,.tr069-binding-grid>div{background:#f8f7fd!important;border-color:#e2dcf8!important}.tr069-field span,.copy-row span,.tr069-binding-grid span{color:#6b6884!important}.tr069-field strong,.copy-row strong,.tr069-binding-grid strong{color:#1e1b3a!important}.tr069-copy-button,.customer-code-inline-form button{color:#5b50e6!important;background:#5b50e60f!important;border-color:#5b50e633!important}.tr069-copy-button:hover,.customer-code-inline-form button:hover{color:#fff!important;background:#5b50e6!important;border-color:#0000!important}.ticket-filter-tabs button{color:#6b6884!important;background:#fff!important;border-color:#e2dcf8!important}.ticket-filter-tabs button:hover{color:#5b50e6!important;border-color:#5b50e6!important}.ticket-filter-tabs button.active{color:#fff!important;background:linear-gradient(135deg,#5b50e6,#8b3dff)!important;border-color:#0000!important}.ticket-row{background:#fff!important;border-color:#e2dcf8!important}.ticket-row-main:hover{background:#5b50e608!important}.ticket-row-info strong{color:#1e1b3a!important}.ticket-row-info small{color:#16a34a!important}.ticket-row-time{color:#6b6884!important}.ticket-priority-badge.high{color:#dc2626!important;background:#dc262614!important;border-color:#dc262633!important}.ticket-priority-badge.medium{color:#f59e0b!important;background:#f59e0b14!important;border-color:#f59e0b33!important}.ticket-priority-badge.low{color:#5b50e6!important;background:#5b50e614!important;border-color:#5b50e633!important}.ticket-power-badge{color:#16a34a!important;background:#16a34a14!important;border-color:#16a34a33!important}.ticket-detail{border-top-color:#e2dcf8!important}.ticket-description,.ticket-detail-grid span{color:#6b6884!important}.ticket-detail-grid strong{color:#1e1b3a!important}.ticket-close-button{color:#5b50e6!important;background:#5b50e60f!important;border-color:#5b50e633!important}.admin-alert{color:#92400e!important;background:#f59e0b0d!important;border-color:#f59e0b33!important}.admin-customer-card.collapsed:hover,.admin-customer-card.expanded{border-color:#c9bff5!important}.admin-signal-dot{background:#5b50e6!important}.company-home{color:#1e1b3a!important;background:#f4f2fd!important}.company-home h1,.company-home h2,.company-home h3,.company-home strong{color:#1e1b3a!important}.company-home p,.company-home span,.company-home small,.company-home li{color:#6b6884!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#edeafb}::-webkit-scrollbar-thumb{background:#c9bff5;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#5b50e6}button:focus-visible,input:focus-visible{outline-color:#5b50e6!important}.devices-loading-state,.admin-inline-loading{color:#6b6884!important}.speed-card.testing .speed-ring{border-color:#5b50e6!important}.portal-v1-app .dashboard-header{position:relative}.portal-v1-app .header-watermark{opacity:.18;pointer-events:none;object-fit:contain;z-index:0;width:auto;height:85%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portal-v1-app .dashboard-header .brand,.portal-v1-app .dashboard-header .modem-icon{z-index:1;position:relative}.portal-v1-shell .payment-billing-card{background:#fff;border-radius:16px;margin:16px 16px 0;padding:20px;box-shadow:0 2px 12px #0f4c8114}.payment-billing-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.payment-billing-label{letter-spacing:.08em;color:#6b7280;text-transform:uppercase;font-size:12px;font-weight:700}.payment-status-badge{letter-spacing:.03em;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.payment-status-unpaid{color:#92400e;background:#fef3c7}.payment-status-overdue{color:#991b1b;background:#fee2e2}.payment-status-paid{color:#065f46;background:#d1fae5}.payment-status-cancelled{color:#4b5563;background:#f3f4f6}.payment-billing-amount{color:#1f2937;margin-bottom:16px;font-size:32px;font-weight:800;line-height:1.2}.payment-billing-amount-none{color:#9ca3af}.payment-billing-no-invoice{color:#6b7280;font-size:13px;line-height:1.5}.payment-billing-metas{border-top:1px solid #f3f4f6;padding-top:12px}.payment-billing-meta-item{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.payment-billing-meta-item span{color:#6b7280;font-size:13px}.payment-billing-meta-item strong{color:#1f2937;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.payment-copy-invoice{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:2px 4px;font-size:14px;line-height:1}.payment-copy-invoice:hover{color:#166534}.portal-v1-shell .payment-methods-card{background:#fff;border-radius:16px;margin:16px 16px 0;padding:20px;box-shadow:0 2px 12px #0f4c8114}.payment-methods-list{border:1px solid #e5e7eb;border-radius:12px;margin-top:12px;overflow:hidden}.payment-method-item{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:14px 16px;transition:background .15s;display:flex;position:relative}.payment-method-item:last-child{border-bottom:none}.payment-method-item:hover{background:#f9fafb}.payment-method-item.selected{background:#f0fdf4}.payment-method-radio{border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .15s;display:flex}.payment-method-radio.checked{border-color:#7c3aed}.payment-method-radio-dot{background:#7c3aed;border-radius:50%;width:10px;height:10px}.payment-method-logo{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.payment-method-logo img{object-fit:contain;max-width:100%;max-height:100%}.payment-method-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.payment-method-name{color:#1f2937;font-size:14px;font-weight:700}.payment-method-number{color:#4b5563;letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.payment-method-owner{color:#9ca3af;font-size:12px}.payment-method-copy{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.payment-method-copy:hover{color:#7c3aed;border-color:#7c3aed}.payment-check-status-button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:12px;width:calc(100% - 32px);margin:16px 16px 24px;padding:14px 20px;font-size:16px;font-weight:700;transition:background .15s,transform .1s;display:block;box-shadow:0 4px 14px #7c3aed40}.payment-check-status-button:hover:not(:disabled){background:#6d28d9}.payment-check-status-button:active:not(:disabled){transform:scale(.98)}.payment-check-status-button:disabled{cursor:not-allowed;box-shadow:none;background:#c4b5fd}@media (max-width:480px){.portal-v1-shell .payment-billing-card,.portal-v1-shell .payment-methods-card{margin:12px 12px 0;padding:16px}.payment-billing-amount{font-size:28px}.payment-method-item{gap:10px;padding:12px}.payment-method-logo{width:32px;height:32px}.payment-check-status-button{width:calc(100% - 24px);margin:12px 12px 20px;font-size:15px}}.hmd-user-location-pulse{fill:#ffd64a38;stroke:#ffd64abf;stroke-width:2px}.hmd-user-location-dot{fill:#ffd64a;stroke:#fff4b8;stroke-width:3px}