:root{--brand-main:#168fce;--brand-dark:#0d6fa8;--brand-soft:#eaf6fc;--brand-softer:#f5fafe;--ink:#263640;--muted:#71808a;--line:#e2eaf0;--canvas:#f6f9fb}.portal-body,.portal-app{background:var(--canvas)!important;color:var(--ink)!important}.customer-sidebar,.customer-topbar{background:#fff!important;border-color:var(--line)!important}.customer-side-brand>span,.portal-brand-icon{background:var(--brand-main)!important;color:#fff!important;box-shadow:none!important}.customer-sidebar nav a{color:#667680!important}.customer-sidebar nav a i{background:#f2f6f8!important;color:#71818a!important}.customer-sidebar nav a:hover,.customer-sidebar nav a.active{background:var(--brand-soft)!important;color:var(--brand-dark)!important}.customer-sidebar nav a:hover i,.customer-sidebar nav a.active i{background:#fff!important;color:var(--brand-main)!important}.customer-sidebar nav a b{background:var(--brand-main)!important}.customer-side-help,.customer-logout:hover,.customer-profile-short{background:var(--brand-soft)!important;color:var(--brand-dark)!important;border-color:#d8eaf4!important}.customer-side-help>i{color:var(--brand-main)!important}.portal-main .page-kicker{color:var(--brand-main)!important}.portal-main .page-title{color:var(--ink)!important}.portal-main .soft-card,.portal-panel,.portal-welcome,.subscription-card,.profile-clean-card,.usage-summary-card,.usage-history,.portal-invoice-list,.invoice-document,.payment-card,.invoice-stats>div{background:#fff!important;border-color:var(--line)!important;box-shadow:0 8px 24px rgba(45,73,89,.055)!important}.portal-main .btn,.invoice-pay,.invoice-pay-btn,.invoice-view-btn,.payment-submit,.payment-back{box-shadow:none!important}.portal-main .btn-brand,.portal-main .btn-primary,.portal-main a.btn-brand,.portal-main button.btn-brand,.portal-main .btn-dark,.invoice-pay,.invoice-pay-btn,.payment-submit{background:var(--brand-main)!important;border-color:var(--brand-main)!important;color:#fff!important}.portal-main .btn-brand:hover,.portal-main .btn-primary:hover,.portal-main .btn-dark:hover,.invoice-pay:hover,.invoice-pay-btn:hover,.payment-submit:hover{background:var(--brand-dark)!important;border-color:var(--brand-dark)!important;color:#fff!important}.portal-main .btn-light,.invoice-view-btn,.payment-back{background:#fff!important;border-color:var(--line)!important;color:#586872!important}.portal-main .btn-light:hover,.invoice-view-btn:hover{background:var(--brand-soft)!important;border-color:#d5e8f3!important;color:var(--brand-dark)!important}.portal-stat .metric-icon,.portal-quick-grid i,.usage-summary-grid i,.essential-icon,.essential-icon.warm,.essential-icon.calm,.invoice-stat-icon,.invoice-stat-icon.due,.invoice-stat-icon.paid{background:var(--brand-soft)!important;color:var(--brand-main)!important}.portal-quick-grid a{background:var(--brand-softer)!important;border-color:var(--line)!important;color:var(--ink)!important}.portal-quick-grid a:hover{background:var(--brand-soft)!important;border-color:#cfe5f1!important;color:var(--brand-dark)!important}.subscription-card{border-top:3px solid var(--brand-main)!important}.connection-state.is-online,.portal-main .status-active,.invoice-list-status.paid,.invoice-state.paid,.profile-status.active{background:var(--brand-soft)!important;color:var(--brand-dark)!important}.portal-main .status-inactive,.invoice-list-status.unpaid,.invoice-state.unpaid,.invoice-list-status.void{background:#f1f4f6!important;color:#687780!important}.profile-clean-avatar,.invoice-company>span,.payment-icon{background:var(--brand-main)!important;color:#fff!important}.profile-section h3 i,.usage-history-head>i{color:var(--brand-main)!important}.profile-fields>div,.usage-summary-grid>div,.invoice-dates div,.payment-amount{background:var(--brand-softer)!important;border-color:var(--line)!important}.portal-main .modern-table th,.portal-invoice-list th,.usage-history th{background:var(--brand-soft)!important;color:#536b79!important}.portal-main .modern-table tbody tr:hover,.portal-invoice-list tbody tr:hover{background:var(--brand-softer)!important}.portal-main .customer-code,.invoice-number,.profile-code{background:var(--brand-soft)!important;color:var(--brand-dark)!important}.invoice-lines th,.invoice-payments th{background:var(--brand-dark)!important}.portal-main .alert-info,.portal-main .alert-warning{background:var(--brand-soft)!important;color:var(--brand-dark)!important}.portal-main .form-control:focus,.portal-main .form-select:focus{border-color:var(--brand-main)!important;box-shadow:0 0 0 .2rem rgba(22,143,206,.11)!important}
.portal-login-page{min-height:calc(100vh - 115px);display:flex;align-items:center;justify-content:center;padding:24px}.portal-login-box{width:min(100%,980px);display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 18px 55px rgba(38,72,91,.1)}.portal-login-side{background:var(--brand-main);color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:center}.portal-login-logo{width:52px;height:52px;border-radius:14px;background:#fff;color:var(--brand-main);display:grid;place-items:center;font-size:1.35rem;margin-bottom:28px}.portal-login-side small{font-weight:800;letter-spacing:.16em;opacity:.75}.portal-login-side h1{font-size:2.25rem;line-height:1.35;margin:12px 0}.portal-login-side p{color:rgba(255,255,255,.78);line-height:1.8}.portal-login-points{display:grid;gap:10px;margin-top:20px}.portal-login-points span{display:flex;align-items:center;gap:9px;font-size:.8rem}.portal-login-form{padding:60px 54px;display:flex;flex-direction:column;justify-content:center}.portal-login-form>header{margin-bottom:26px}.portal-login-form h2{font-size:1.55rem;font-weight:800;margin:0 0 5px}.portal-login-form header p{color:var(--muted);margin:0}.portal-login-label{display:block;font-size:.78rem;font-weight:700;margin-bottom:6px}.portal-login-input{height:49px;border:1px solid #dce6eb;border-radius:10px;display:flex;align-items:center;padding:0 13px;margin-bottom:16px;background:#fff}.portal-login-input:focus-within{border-color:var(--brand-main);box-shadow:0 0 0 3px rgba(22,143,206,.1)}.portal-login-input i{color:#83929a}.portal-login-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:10px;font-weight:600}.portal-login-input button{border:0;background:transparent;color:#788890}.portal-login-remember{display:flex;align-items:center;gap:8px;color:#667680;font-size:.78rem;margin:2px 0 20px}.portal-login-remember input{accent-color:var(--brand-main)}.portal-login-submit{height:50px;width:100%;border:0;border-radius:10px;background:var(--brand-main);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px}.portal-login-submit:hover{background:var(--brand-dark)}.portal-login-help{text-align:center;color:var(--muted);font-size:.72rem;margin-top:18px}@media(max-width:850px){.portal-login-box{grid-template-columns:1fr;max-width:520px}.portal-login-side{display:none}.portal-login-form{padding:45px}}@media(max-width:575px){.portal-header{display:none}.portal-main{padding:0!important}.portal-login-page{min-height:100vh;padding:0}.portal-login-box{min-height:100vh;border:0;border-radius:0}.portal-login-form{padding:28px 20px}}