:root{--pa:#1099ad;--pas:#eaf8fa;--pi:#202a31;--pm:#758087;--pl:#e6ecee}.portal-app{min-height:100vh;display:flex;background:#f6f7f7}.customer-sidebar{position:fixed;inset:0 0 0 auto;width:244px;background:#fff;border-left:1px solid var(--pl);padding:18px 14px;display:flex;flex-direction:column;z-index:1035;overflow-y:auto}.customer-side-brand{display:flex;align-items:center;gap:11px;padding:5px 7px 19px;border-bottom:1px solid var(--pl)}.customer-side-brand>span{width:39px;height:39px;border-radius:11px;background:var(--pi);color:#fff;display:grid;place-items:center}.customer-side-brand strong,.customer-side-brand small{display:block}.customer-side-brand small{color:var(--pm);font-size:.69rem}.customer-side-brand button{display:none;margin-inline-start:auto;border:0;background:transparent}.customer-sidebar nav{display:grid;align-content:start;gap:4px;padding:18px 0;flex:1}.customer-sidebar nav a{min-height:43px;padding:0 11px;border-radius:10px;display:flex;align-items:center;gap:11px;text-decoration:none;color:#65717a;font-size:.86rem;font-weight:700;position:relative}.customer-sidebar nav a i{width:29px;height:29px;border-radius:8px;background:#f3f5f6;display:grid;place-items:center}.customer-sidebar nav a:hover{background:#f6f8f8;color:var(--pi)}.customer-sidebar nav a.active{background:var(--pas);color:#087689}.customer-sidebar nav a.active i{background:#fff;color:var(--pa)}.customer-sidebar nav a b{position:absolute;right:-14px;width:3px;height:24px;background:var(--pa)}.customer-side-help{padding:11px;border:1px solid var(--pl);border-radius:11px;margin-bottom:7px}.customer-side-help strong,.customer-side-help small{display:block;font-size:.7rem}.customer-side-help small{color:var(--pm)}.customer-logout{width:100%;height:40px;border:0;background:transparent;color:#777}.portal-content{width:calc(100% - 244px);margin-inline-start:244px;min-height:100vh}.customer-topbar{height:66px;background:#fff;border-bottom:1px solid var(--pl);display:flex;align-items:center;padding:0 26px;gap:11px;position:sticky;top:0;z-index:1010}.customer-topbar>button{display:none}.customer-topbar small,.customer-topbar strong{display:block}.customer-profile-short{margin-inline-start:auto;width:37px;height:37px;border-radius:10px;background:var(--pas);color:#087689;display:grid;place-items:center}.portal-content .portal-main{padding:27px;max-width:1320px;margin:auto}.portal-overlay{display:none}.portal-page-heading{margin-bottom:22px}.portal-page-heading h1{font-size:1.65rem;margin:.2rem 0}.portal-page-heading p{color:var(--pm);margin:0}.profile-clean-card,.usage-summary-card,.usage-history,.invoice-document{background:#fff;border:1px solid var(--pl);border-radius:16px;box-shadow:0 7px 25px #1d2c340b}.profile-clean-card{overflow:hidden}.profile-clean-head{display:flex;align-items:center;gap:14px;padding:24px 26px;border-bottom:1px solid var(--pl)}.profile-clean-avatar{width:52px;height:52px;border-radius:14px;background:var(--pi);color:#fff;display:grid;place-items:center;font-size:1.25rem;font-weight:800}.profile-clean-head h2{font-size:1.1rem;margin:0 0 5px}.profile-code{display:inline-flex;padding:4px 8px;border-radius:6px;background:#f1f4f5;color:#647078;font-size:.72rem;direction:ltr}.profile-status{margin-inline-start:auto;padding:6px 10px;border-radius:20px;background:#fff0f0;color:#a43d3d;font-size:.73rem}.profile-status.active{background:#ecf8f2;color:#247754}.profile-section{padding:22px 26px;border-bottom:1px solid var(--pl);text-align:right}.profile-section h3{font-size:.9rem;margin:0 0 17px}.profile-section h3 i{color:var(--pa);margin-left:8px}.profile-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-fields>div{background:#f8f9f9;border:1px solid #edf0f1;border-radius:10px;padding:12px 14px;text-align:right}.profile-fields .wide{grid-column:span 2}.profile-fields span,.profile-fields strong{display:block}.profile-fields span{font-size:.68rem;color:var(--pm)}.profile-clean-card>footer{padding:15px 26px;color:#69757c}.usage-summary-card{margin-bottom:17px;overflow:hidden}.usage-summary-card>header,.usage-history-head{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--pl)}.usage-summary-card>header span{display:block;font-size:.68rem;color:var(--pm)}.usage-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:17px;gap:10px}.usage-summary-grid>div{padding:15px;border-radius:11px;background:#f8f9f9;display:grid;gap:5px}.usage-summary-grid i{color:var(--pa)}.usage-summary-grid span{font-size:.69rem;color:var(--pm)}.usage-history{overflow:hidden}.usage-history-head h2{font-size:1rem;margin:0}.usage-history-head p{font-size:.7rem;color:var(--pm);margin:0}.usage-history th{background:#fafbfb;color:#7b858b;font-size:.7rem;padding:12px 17px}.usage-history td{padding:14px 17px;font-size:.82rem}.usage-history td small{display:block;color:var(--pm)}.invoice-toolbar{display:flex;justify-content:space-between;margin-bottom:14px}.invoice-toolbar>a,.invoice-toolbar button,.invoice-toolbar .invoice-pay{border:1px solid var(--pl);background:#fff;border-radius:9px;padding:9px 13px;text-decoration:none;color:var(--pi);font-size:.8rem}.invoice-toolbar>div{display:flex;gap:7px}.invoice-toolbar .invoice-pay{background:var(--pa);color:#fff}.invoice-document{padding:34px;max-width:1050px;margin:auto}.invoice-doc-head{display:flex;justify-content:space-between;padding-bottom:25px;border-bottom:2px solid var(--pi)}.invoice-company{display:flex;gap:13px}.invoice-company>span{width:45px;height:45px;border-radius:12px;background:var(--pi);color:#fff;display:grid;place-items:center}.invoice-company h1{font-size:1.25rem;margin:0}.invoice-company p{color:var(--pm);font-size:.74rem}.invoice-identity{text-align:left;display:grid;justify-items:end}.invoice-state{padding:5px 10px;border-radius:20px;background:#fff1e8;color:#a4561c}.invoice-state.paid{background:#eaf8f2;color:#237552}.invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:24px 0}.invoice-meta p{font-size:.75rem;color:#69757c;margin:2px}.invoice-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.invoice-dates div{padding:10px;background:#f8f9f9;border-radius:8px}.invoice-dates span,.invoice-dates strong{display:block;font-size:.7rem}.invoice-lines table,.invoice-payments table{width:100%;border-collapse:collapse}.invoice-lines th,.invoice-payments th{background:var(--pi);color:#fff;padding:11px;font-size:.68rem}.invoice-lines td,.invoice-payments td{padding:14px 11px;border-bottom:1px solid var(--pl);font-size:.76rem}.invoice-lines td span{display:block;color:var(--pm)}.invoice-totals{display:grid;grid-template-columns:1fr 320px;gap:40px;padding:24px 0}.invoice-totals dl{display:grid;grid-template-columns:1fr auto}.invoice-totals dt,.invoice-totals dd{padding:7px 0;margin:0}.invoice-totals .total{border-top:2px solid var(--pi)}.invoice-payments{border-top:1px solid var(--pl);padding-top:20px}.invoice-document>footer{display:flex;justify-content:space-between;border-top:1px solid var(--pl);padding-top:16px;margin-top:25px;color:var(--pm);font-size:.65rem}@media(max-width:900px){.customer-sidebar{transform:translateX(110%);transition:.25s;width:270px}.customer-sidebar.open{transform:none}.customer-side-brand button{display:block}.portal-content{width:100%;margin:0}.customer-topbar>button{display:block}.portal-content .portal-main{padding:15px}.portal-overlay{position:fixed;inset:0;background:#14181c59;z-index:1030}.portal-overlay.show{display:block}.profile-fields{grid-template-columns:1fr 1fr}.usage-summary-grid{grid-template-columns:1fr 1fr}.invoice-meta,.invoice-totals{grid-template-columns:1fr}}@media(max-width:575px){.profile-fields,.usage-summary-grid{grid-template-columns:1fr}.profile-fields .wide{grid-column:auto}.invoice-document{padding:18px}.invoice-doc-head{display:grid}.invoice-lines{overflow-x:auto}.invoice-lines table{min-width:700px}}@media print{.customer-sidebar,.customer-topbar,.invoice-toolbar{display:none!important}.portal-content{width:100%!important;margin:0!important}.portal-content .portal-main{padding:0!important}.invoice-document{box-shadow:none;border:0;max-width:none;padding:0}}