:root{--aq-navy: #23376e;--aq-navy-deep: #132451;--aq-blue: #007fa8;--aq-cyan: #00b5ff;--aq-cyan-soft: #e7f8fd;--aq-green: #80d51f;--aq-green-hover: #71c311;--aq-bg: #f5f7fa;--aq-card: #ffffff;--aq-text: #14233b;--aq-muted: #637188;--aq-border: #dfe5ec;--aq-danger: #a62929;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--aq-text);background:var(--aq-bg);font-synthesis:none}*{box-sizing:border-box}html,body{min-width:320px;margin:0;background:var(--aq-bg)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(14,175,230,.3);outline-offset:2px}.center-panel,.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.center-panel{color:var(--aq-navy);font-weight:800}.login-screen{background:linear-gradient(#0d2350c2,#087da88f),url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1600&q=80) center / cover}.login-panel{width:min(440px,100%);padding:34px;border:1px solid rgba(255,255,255,.78);border-radius:8px;background:#fffffff7;box-shadow:0 24px 70px #051a3d47}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup img{width:174px;height:auto;display:block}.brand-lockup span{color:var(--aq-blue);font-size:12px;font-weight:800;line-height:1.2;text-transform:uppercase}.login-panel h1{margin:28px 0 0;color:var(--aq-navy-deep);font-size:30px;line-height:1.15}.login-intro{margin:9px 0 0;color:var(--aq-muted);line-height:1.55}.login-form{display:grid;gap:17px;margin-top:26px}label{display:grid;gap:8px;color:#34445d;font-size:14px;font-weight:750}input,select,textarea{width:100%;min-height:46px;padding:0 13px;border:1px solid #cdd6e0;border-radius:8px;color:var(--aq-text);background:#fff;transition:border-color .16s ease,box-shadow .16s ease}input:hover,select:hover,textarea:hover{border-color:#9dadbd}input:focus,select:focus,textarea:focus{border-color:var(--aq-cyan);outline:0;box-shadow:0 0 0 3px #0eafe624}textarea{min-height:116px;padding:11px 13px;resize:vertical}button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:0;border-radius:8px;color:#fff;background:var(--aq-blue);font-weight:800;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}button:hover:not(:disabled){background:#056b91}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.58;cursor:wait}.error,.notice{border-radius:8px;padding:11px 13px;font-size:14px;font-weight:650}.error{border:1px solid #efb2b2;color:var(--aq-danger);background:#fff3f3}.notice{border:1px solid #98d7e8;color:#12556b;background:#ecfafe}.text-button{min-height:34px;padding-inline:4px;color:var(--aq-blue);background:transparent;font-weight:750}.text-button:hover:not(:disabled){color:var(--aq-navy);background:transparent}.portal{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr);background:var(--aq-bg)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 16px 18px;color:#fff;background:var(--aq-navy-deep);overflow-y:auto}.sidebar-header{display:flex;align-items:center;justify-content:space-between}.sidebar .brand-lockup{width:100%;display:grid;gap:5px;padding:12px 13px 10px;border-radius:8px;background:#fff}.sidebar .brand-lockup img{width:154px;max-width:100%}.sidebar .brand-lockup span{color:var(--aq-navy);font-size:10px}.mobile-nav-button{display:none}.sidebar nav{display:grid;gap:7px;margin-top:28px}.sidebar nav button,.icon-button{background:transparent}.sidebar nav button{min-height:46px;justify-content:flex-start;padding:0 13px;color:#ffffffdb;font-size:14px;font-weight:720}.sidebar nav button svg{flex:0 0 auto;color:var(--aq-cyan)}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#0eafe629}.sidebar nav button.active{box-shadow:inset 3px 0 0 var(--aq-cyan)}.sidebar-footer{margin-top:auto;padding:24px 12px 4px;color:#ffffff7a;font-size:11px;font-weight:700}.content{min-width:0;padding:26px clamp(22px,3.5vw,54px) 48px}.topbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px;padding-bottom:18px;border-bottom:1px solid var(--aq-border)}.topbar p{margin:0 0 4px;color:var(--aq-blue);font-size:12px;font-weight:800;text-transform:uppercase}.topbar h1{max-width:520px;margin:0;overflow:hidden;color:var(--aq-navy-deep);font-size:20px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.toolbar{display:flex;align-items:end;gap:9px}.account-switcher{min-width:230px;gap:4px}.account-switcher span{color:var(--aq-muted);font-size:11px}.account-switcher select{min-height:42px;padding-right:36px;color:var(--aq-navy);font-size:14px;font-weight:750}.icon-button{width:42px;min-height:42px;padding:0;border:1px solid var(--aq-border);color:var(--aq-navy);background:var(--aq-card)}.icon-button:hover:not(:disabled){border-color:var(--aq-cyan);color:var(--aq-blue);background:var(--aq-cyan-soft)}.content>.error{margin-bottom:20px}.dashboard-page{display:grid;gap:28px}.dashboard-hero{position:relative;padding:6px 0 2px}.eyebrow,.section-heading p,.page-heading p,.activity-heading p{margin:0;color:var(--aq-blue);font-size:12px;font-weight:850;text-transform:uppercase}.dashboard-hero h2{max-width:760px;margin:7px 0 0;color:var(--aq-navy-deep);font-size:36px;line-height:1.15}.hero-copy{max-width:650px;margin:10px 0 0;color:var(--aq-muted);font-size:17px;line-height:1.55}.customer-chip{width:max-content;max-width:100%;display:flex;align-items:center;gap:10px;margin-top:22px;padding:10px 13px;border:1px solid #bfe8f3;border-radius:8px;color:var(--aq-blue);background:var(--aq-cyan-soft)}.customer-chip>span{min-width:0;display:grid;gap:1px}.customer-chip strong{overflow:hidden;color:var(--aq-navy);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.customer-chip small{color:var(--aq-muted);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dashboard-stat{min-height:138px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:start;gap:13px;padding:20px;border:1px solid var(--aq-border);border-radius:8px;color:var(--aq-text);text-align:left;background:var(--aq-card);box-shadow:0 8px 22px #17346f0a}.dashboard-stat:hover:not(:disabled){border-color:#9ddff0;color:var(--aq-text);background:var(--aq-card);transform:translateY(-2px)}.stat-icon,.action-icon,.list-icon,.empty-state>span{display:inline-flex;align-items:center;justify-content:center;color:var(--aq-blue);background:var(--aq-cyan-soft)}.stat-icon{width:42px;height:42px;border-radius:8px}.stat-copy{min-width:0;display:grid;gap:4px}.stat-copy small{color:var(--aq-muted);font-size:13px;font-weight:750}.stat-copy strong{overflow-wrap:anywhere;color:var(--aq-navy-deep);font-size:27px;line-height:1.15}.stat-copy span{color:var(--aq-blue);font-size:12px;font-weight:750}.stat-arrow{align-self:center;color:#a7b3c1}.dashboard-section{display:grid;gap:14px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.section-heading h3{margin:4px 0 0;color:var(--aq-navy-deep);font-size:20px;line-height:1.25}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.action-card{min-height:104px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:13px;padding:16px;border:1px solid #b9dfe9;border-radius:8px;color:var(--aq-navy);text-align:left;text-decoration:none;background:#fff}.action-card:hover{border-color:var(--aq-cyan);color:var(--aq-navy);background:#f8fdff;transform:translateY(-1px)}.action-card>span:nth-child(2){min-width:0;display:grid;gap:5px}.action-card strong{font-size:15px}.action-card small{color:var(--aq-muted);font-size:12px;font-weight:550;line-height:1.45}.action-icon{width:42px;height:42px;border-radius:8px}.action-card-primary{border-color:var(--aq-green);color:var(--aq-navy-deep);background:var(--aq-green)}.action-card-primary .action-icon{color:var(--aq-navy-deep);background:#ffffff85}.action-card-primary small{color:#29430d}.action-card-primary:hover{border-color:var(--aq-green-hover);color:var(--aq-navy-deep);background:var(--aq-green-hover)}.dashboard-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portal-card{border:1px solid var(--aq-border);border-radius:8px;background:var(--aq-card);box-shadow:0 8px 22px #17346f09}.dashboard-list-card{padding:20px}.dashboard-sites-card{grid-column:1 / -1}.section-link{min-height:32px;padding:0;color:var(--aq-blue);background:transparent;font-size:12px}.section-link:hover:not(:disabled){color:var(--aq-navy);background:transparent}.dashboard-list-row{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf0f4;color:inherit;text-decoration:none}.dashboard-list-row:last-child{border-bottom:0}a.dashboard-list-row:hover strong{color:var(--aq-blue)}.dashboard-list-row>span:nth-child(2){min-width:0;display:grid;gap:3px}.dashboard-list-row strong{overflow:hidden;color:var(--aq-text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.dashboard-list-row small{color:var(--aq-muted);font-size:11px}.dashboard-list-row b{color:var(--aq-navy);font-size:13px;white-space:nowrap}.list-icon{width:34px;height:34px;border-radius:8px}.empty-state{min-height:132px;display:grid;place-items:center;align-content:center;gap:10px;padding:24px;border:1px dashed #cbd5df;border-radius:8px;color:var(--aq-muted);text-align:center;background:#fafbfd}.empty-state>span{width:44px;height:44px;border-radius:8px}.empty-state p{margin:0;font-size:14px}.metric,.row-card{border:1px solid var(--aq-border);border-radius:8px;background:var(--aq-card)}.metric{padding:18px}.metric p{margin:0 0 8px;color:var(--aq-muted);font-size:13px;font-weight:750}.metric strong{color:var(--aq-navy-deep);font-size:24px}.page-stack,.activity-page{display:grid;gap:22px}.page-heading h2,.activity-heading h2{margin:6px 0 0;color:var(--aq-navy-deep);font-size:28px;line-height:1.2}.activity-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.secondary-button{border:1px solid #b9c7d5;color:var(--aq-navy);background:#fff}.secondary-button:hover:not(:disabled){border-color:var(--aq-cyan);color:var(--aq-blue);background:var(--aq-cyan-soft)}.aging-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.aging-grid .metric{padding:15px}.aging-grid .metric strong{font-size:19px}.activity-filters{display:grid;grid-template-columns:minmax(160px,220px) minmax(160px,220px) auto;align-items:end;gap:12px;padding:18px;border:1px solid var(--aq-border);border-radius:8px;background:#fff}.transaction-table-wrap{overflow-x:auto;border:1px solid var(--aq-border);border-radius:8px;background:#fff}.transaction-table{width:100%;min-width:760px;border-collapse:collapse;font-size:14px}.transaction-table th,.transaction-table td{padding:14px 13px;border-bottom:1px solid #e8edf2;text-align:left;vertical-align:top}.transaction-table th{color:#526279;background:#f3f6f8;font-size:11px;font-weight:850;text-transform:uppercase}.transaction-table td small{display:block;margin-top:3px;color:var(--aq-muted)}.transaction-table a{color:var(--aq-blue);font-weight:800}.transaction-table .amount-cell{text-align:right;white-space:nowrap}.transaction-table .empty-table{padding:32px;color:var(--aq-muted);text-align:center}.list{display:grid;gap:12px}.row-card{display:grid;gap:7px;padding:19px}.row-card>strong{color:var(--aq-navy-deep);font-size:16px}.row-card span,.row-card small{color:var(--aq-muted)}.row-card a,.detail-grid a{color:var(--aq-blue)}.request-change-button{width:max-content;padding-inline:0}.company-page,.support-page{max-width:960px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:24px 0;padding:4px 22px;border:1px solid var(--aq-border);border-radius:8px;background:#fff}.detail-grid>div{padding:17px 0;border-bottom:1px solid #e8edf2}.detail-grid>div:nth-last-child(-n+2){border-bottom:0}.detail-grid dt{margin-bottom:6px;color:var(--aq-muted);font-size:12px;font-weight:800}.detail-grid dd{margin:0;color:var(--aq-text)}.detail-grid dd span{display:block}.change-request-form{max-width:680px;display:grid;gap:12px;margin-top:16px;padding:18px;border:1px solid var(--aq-border);border-radius:8px;background:#fff}.change-request-form button{width:max-content}.request-history{margin-top:34px;padding:20px;border:1px solid var(--aq-border);border-radius:8px;background:#fff}.request-history h3{margin:0 0 10px;color:var(--aq-navy-deep)}.request-history>p{color:var(--aq-muted)}.request-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--aq-border)}.request-row div,.request-row div span,.request-row div small{display:grid;gap:5px}.request-row div span,.request-row div small{color:var(--aq-muted)}.status-badge{height:max-content;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:800}.status-pending{color:#7a4b00;background:#fff2cf}.status-completed{color:#166534;background:#dcfce7}.status-rejected{color:#991b1b;background:#fee2e2}.link-card{color:inherit;text-decoration:none}.link-card:hover{border-color:var(--aq-cyan);box-shadow:0 8px 20px #17346f0d}.document-section{gap:12px}.invoice-document-row{grid-template-columns:minmax(0,1fr) minmax(150px,auto) 130px;align-items:center;gap:18px}.invoice-document-main,.invoice-document-value{display:grid;gap:5px}.invoice-document-value{text-align:right}.invoice-document-action{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;color:var(--aq-blue);font-weight:800}.support-action{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:22px;border:1px solid var(--aq-border);border-radius:8px;background:#fff}.support-action h3,.faq-section h3,.direct-debit-notes h3{margin:0;color:var(--aq-navy-deep);font-size:18px}.support-action p{max-width:590px;margin:7px 0 0;color:var(--aq-muted);line-height:1.6}.primary-link{min-height:44px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:0 17px;border-radius:8px;color:var(--aq-navy-deep);background:var(--aq-green);font-weight:850;text-decoration:none;transition:background .16s ease,transform .16s ease}.primary-link:hover{background:var(--aq-green-hover);transform:translateY(-1px)}.faq-section,.direct-debit-notes{margin-top:30px;padding:20px;border:1px solid var(--aq-border);border-radius:8px;background:#fff}.direct-debit-notes{max-width:720px}.direct-debit-notes p{margin:8px 0;color:var(--aq-muted);line-height:1.6}.faq-list{margin-top:12px;border-top:1px solid var(--aq-border)}.faq-list details{border-bottom:1px solid var(--aq-border);padding:0 4px}.faq-list summary{padding:17px 0;color:var(--aq-text);font-weight:800;cursor:pointer}.faq-list details p{max-width:760px;margin:-3px 0 18px;color:var(--aq-muted);line-height:1.6}@media(max-width:1080px){.dashboard-grid,.action-grid{grid-template-columns:1fr}.dashboard-stat{min-height:112px}.aging-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.portal{display:block}.sidebar{position:sticky;z-index:20;top:0;height:auto;padding:10px 14px;overflow:visible;box-shadow:0 4px 18px #0d23502e}.sidebar .brand-lockup{width:172px;padding:8px 10px 7px}.sidebar .brand-lockup img{width:126px}.sidebar .brand-lockup span{display:none}.mobile-nav-button{width:42px;min-height:42px;display:inline-flex;padding:0;color:#fff;background:#ffffff1a}.mobile-nav-button:hover:not(:disabled){background:#ffffff2e}.sidebar nav{display:none;gap:5px;margin-top:10px;padding:8px 0 5px;border-top:1px solid rgba(255,255,255,.12)}.sidebar.mobile-open nav{display:grid}.sidebar nav button{min-height:43px}.sidebar-footer{display:none}.content{padding:20px 16px 36px}.topbar{align-items:stretch;flex-direction:column;gap:14px;margin-bottom:24px}.toolbar{align-items:end}.account-switcher{min-width:0;flex:1 1 auto}.dashboard-hero h2{font-size:30px}.hero-copy{font-size:15px}.dashboard-content-grid{grid-template-columns:1fr}.dashboard-sites-card{grid-column:auto}.aging-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr;padding-inline:18px}.detail-grid>div:nth-last-child(2){border-bottom:1px solid #e8edf2}.activity-heading,.support-action{align-items:stretch;flex-direction:column}.activity-filters{grid-template-columns:1fr}.section-heading{align-items:flex-start}.invoice-document-row{grid-template-columns:minmax(0,1fr) auto}.invoice-document-action{grid-column:1 / -1;justify-content:flex-start}}@media(max-width:440px){.login-screen{padding:14px}.login-panel{padding:25px 20px}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) 42px 42px}.account-switcher{min-width:0}.topbar h1{font-size:18px}.dashboard-stat,.action-card{grid-template-columns:40px minmax(0,1fr) 18px;padding:15px}.dashboard-list-card{padding:16px}.dashboard-list-row{grid-template-columns:32px minmax(0,1fr) auto}.aging-grid{grid-template-columns:1fr}.request-row{align-items:flex-start;flex-direction:column}}