.portal-page,.customer-dashboard{--cp-text:#101827;--cp-muted:#647895;--cp-quiet:#8ca1bf;--cp-line:#dfe7f0;--cp-card:#f9fcfff7;--cp-bg:#e3edf9;--cp-brand:#0077b7;--cp-good:#00a77a;color:var(--cp-text);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}.portal-page{background:var(--cp-bg) url(/backgrounds/customer-login-network.svg) center top / max(1440px,100%) auto no-repeat;min-height:100vh}.portal-brandbar{justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100% - 64px);min-height:66px;margin:auto;display:flex}.portal-brand{align-items:center;gap:10px;display:flex}.portal-brand img{flex-shrink:0;display:block}.portal-pill{min-height:26px;color:var(--cp-brand);white-space:nowrap;background:#e2f5ffa6;border:1px solid #b2e7ff;border-radius:99px;justify-content:center;align-items:center;padding:4px 12px;font-size:11px;font-weight:600;line-height:16px;display:inline-flex}.portal-brand .portal-pill{letter-spacing:.8px;text-transform:uppercase;min-height:24px;padding:3px 10px}.portal-brandbar nav{flex-direction:row;gap:10px;display:flex}.portal-brandbar button{color:#263240;white-space:nowrap;cursor:pointer;background:#f9fcffbd;border:1px solid #d1dce7;border-radius:99px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:7px 16px;font:600 14px/20px Inter,system-ui,sans-serif;display:inline-flex}.portal-brandbar button .ui-icon{width:16px;height:16px}.portal-brandbar button:first-child{width:106px;padding-inline:12px}.portal-brandbar button:last-child{width:87px;padding-inline:12px}.portal-brandbar button:hover:not(:disabled){background:#fff;border-color:#aac5d9}.portal-brandbar button:disabled{opacity:.65;cursor:wait}.portal-brandbar button:focus-visible,.customer-dashboard summary:focus-visible{outline-offset:4px;outline:3px solid #087da7}.portal-page>.customer-dashboard{width:min(1056px,100% - 64px);margin:auto;padding:14px 0 40px}.customer-dashboard :is(h1,h2,h3,strong,b){color:var(--cp-text)}.portal-welcome{min-height:102px;margin:0 0 24px}.portal-welcome-brand{margin-bottom:10px;display:block}.portal-title-row{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.portal-welcome h1{letter-spacing:-.7px;overflow-wrap:anywhere;margin:0;font-size:32px;font-weight:700;line-height:36px}.portal-welcome p{color:var(--cp-muted);margin:6px 0 0;font-size:16px;line-height:24px}.portal-status{border:1px solid var(--cp-line);white-space:nowrap;text-transform:capitalize;border-radius:99px;align-items:center;gap:7px;min-height:28px;padding:4px 12px;font-size:12px;font-weight:600;line-height:18px;display:inline-flex}.portal-status:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 3px #00a77a1a}.portal-status.good{color:var(--cp-good);background:#00c99114;border-color:#8de5d0}.portal-status.warn{color:#99600a;background:#fff7e6;border-color:#ead5a5}.portal-status.warn:before{box-shadow:none}.portal-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.portal-metrics article{background:var(--cp-card);border:0;border-radius:18px;flex-direction:column;gap:4px;min-height:128px;padding:18px 20px 14px;display:flex;position:relative;box-shadow:0 14px 32px #54708b1a}.portal-metrics article:before{content:"";background:linear-gradient(90deg,#41c2ff,#b9e9ff);height:2px;position:absolute;top:1px;left:20px;right:20px}.portal-metrics article.portal-balance:before{background:#00adf5}.portal-metrics article>span{color:var(--cp-muted);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600;line-height:16px}.portal-metrics strong{letter-spacing:-.7px;overflow-wrap:anywhere;font-size:30px;font-weight:600;line-height:36px}.portal-metrics small{color:var(--cp-quiet);font-size:12px;line-height:18px}.portal-section{margin:20px 0 0}.portal-section-heading{justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin-bottom:16px;padding:0 2px;display:flex}.portal-section-heading h2{letter-spacing:-.3px;margin:0 0 2px;font-size:18px;font-weight:600;line-height:24px}.portal-section-heading p{color:var(--cp-muted);margin:0;font-size:14px;line-height:22px}.portal-section-heading>.portal-pill{align-self:flex-start;margin-top:4px}.portal-service{background:var(--cp-card);border:0;border-radius:18px;margin:0 0 16px;overflow:hidden;box-shadow:0 18px 38px #536c8729}.portal-service:last-child{margin-bottom:0}.portal-service>header{justify-content:space-between;align-items:flex-start;gap:18px;min-height:96px;padding:18px 24px 12px;display:flex}.portal-service-kind{color:#0096d7;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600;line-height:18px;display:block}.portal-service h3{letter-spacing:-.3px;overflow-wrap:anywhere;margin:4px 0 0;font-size:18px;font-weight:700;line-height:24px}.portal-service p{color:var(--cp-muted);margin:0;font-size:13px;line-height:20px}.portal-table-wrap{overflow-x:auto}.customer-dashboard table{border-collapse:collapse;table-layout:auto;text-align:left;width:100%;min-width:0;color:var(--cp-text);font-size:14px}.customer-dashboard .portal-sites-table{table-layout:fixed}.portal-sites-table col:first-child{width:30%}.portal-sites-table col:nth-child(2){width:29.3%}.portal-sites-table col:nth-child(3){width:18.9%}.portal-sites-table col:nth-child(4){width:21.8%}.customer-dashboard th{border-top:1px solid var(--cp-line);height:34px;color:var(--cp-quiet);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:0 0;border-bottom:0;padding:8px 24px;font-size:11px;font-weight:600;line-height:17px}.customer-dashboard td{border-top:1px solid var(--cp-line);height:61px;color:var(--cp-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;background:0 0;border-bottom:0;padding:10px 24px;font-size:14px;line-height:21px}.customer-dashboard td strong{font-weight:600}.customer-dashboard td small{color:var(--cp-quiet);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:18px;display:block}.customer-dashboard .portal-sites-table td:last-child{color:var(--cp-muted)}.portal-online{color:var(--cp-good);font-weight:600}.portal-service>footer{border-top:1px solid var(--cp-line);color:var(--cp-quiet);flex-wrap:wrap;gap:4px 8px;padding:13px 24px 0;font-size:12px;line-height:18px;display:flex}.portal-service>footer span+span:before{content:"·";margin-right:8px}.portal-api{padding:8px 24px 16px;font-size:13px;line-height:20px}.portal-api summary{cursor:pointer;width:fit-content;color:var(--cp-brand);font-weight:600}.portal-api summary::marker{color:#0096d7;font-size:10px}.portal-api dl{border-top:1px solid var(--cp-line);grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 0;padding-top:16px;display:grid}.portal-api dt{color:var(--cp-muted)}.portal-api dd{overflow-wrap:anywhere;margin:4px 0}.portal-token-summary{background:var(--cp-card);border-radius:18px;grid-template-columns:25% 30% 45%;min-height:116px;display:grid;overflow:hidden;box-shadow:0 14px 32px #54708b0d}.portal-token-summary>div{padding:20px 24px}.portal-token-summary>div+div,.portal-token-summary>p{border-left:1px solid var(--cp-line)}.portal-token-summary span{color:var(--cp-muted);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600;line-height:16px;display:block}.portal-token-summary strong{letter-spacing:-.7px;overflow-wrap:anywhere;margin-top:4px;font-size:28px;font-weight:600;line-height:36px;display:block}.portal-token-summary strong small{color:var(--cp-muted);letter-spacing:0;margin-left:6px;font-size:14px;font-weight:400}.portal-token-summary p{color:var(--cp-muted);margin:0;padding:26px 24px;font-size:13px;line-height:20px}.portal-history-title{margin:24px 0 12px;font-size:16px;font-weight:600;line-height:24px}.portal-history{background:var(--cp-card);border-radius:18px;overflow:hidden}.portal-history .portal-footnote{border-top:1px solid var(--cp-line);margin:0;padding:12px 24px}.portal-footnote{color:var(--cp-muted);margin-top:16px;font-size:11px;line-height:18px}.portal-capitalise{text-transform:capitalize}.portal-notice{color:#395973;background:#eef9ff;border:1px solid #bbdcea;border-radius:12px;flex-wrap:wrap;gap:6px 16px;margin:0 0 20px;padding:14px 18px;font-size:13px;display:flex}.portal-empty{background:var(--cp-card);color:var(--cp-muted);border:1px dashed #b9cde0;border-radius:18px;margin:0;padding:28px}.portal-empty h3{margin:0 0 8px}.portal-empty p{margin:0}.portal-message{color:#395973;background:#f9fcff;border:1px solid #bbdcea;border-radius:12px;width:min(1056px,100% - 64px);margin:20px auto;padding:16px 20px}.portal-message[role=alert]{color:#8e2539;border-color:#e5bec5}.customer-dashboard-preview{background:var(--cp-bg) url(/backgrounds/customer-login-network.svg) center top / 1440px auto no-repeat}.customer-detail .customer-dashboard-preview{border:1px solid #d7e2ec;border-radius:18px;padding:24px;container-type:inline-size}@media (max-width:1000px){.portal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.portal-brandbar,.portal-page>.customer-dashboard,.portal-message{width:calc(100% - 32px)}.portal-brandbar{flex-wrap:wrap;gap:10px;padding-block:12px}.portal-brandbar nav{margin-left:auto}.portal-welcome h1{font-size:27px;line-height:34px}.portal-welcome p{font-size:14px}.portal-metrics{gap:12px}.portal-metrics article{padding:16px}.portal-metrics strong{font-size:26px}.portal-service>header{flex-wrap:wrap;padding:18px}.portal-section-heading{align-items:flex-start}.customer-dashboard th,.customer-dashboard td{padding-inline:16px}.portal-sites-table{min-width:620px!important}.portal-service>footer{padding-inline:18px}.portal-service>footer span+span:before{content:none}.portal-api{padding-inline:18px}.portal-api dl{grid-template-columns:1fr}.portal-token-summary{grid-template-columns:1fr 1fr}.portal-token-summary>p{border-left:0;border-top:1px solid var(--cp-line);grid-column:1/-1;padding:20px 24px}}@container (max-width:700px){.customer-dashboard-preview .portal-service>header{flex-wrap:wrap}.customer-dashboard-preview .portal-title-row{align-items:flex-start}.customer-dashboard-preview .portal-sites-table{min-width:620px}}