:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18202a;background:#f4f7f9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.center-panel,.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-screen{background:linear-gradient(#0d25388a,#0d253857),url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1600&q=80) center / cover}.login-panel{width:min(420px,100%);background:#fffffff0;border:1px solid rgba(255,255,255,.72);border-radius:8px;padding:32px;box-shadow:0 24px 80px #081e2d47}.brand-mark{color:#006f8f;font-weight:800;letter-spacing:0}.login-panel h1,.topbar h1{margin:8px 0 0;font-size:28px}.login-form{display:grid;gap:16px;margin-top:28px}label{display:grid;gap:8px;color:#425363;font-size:14px;font-weight:700}input,select,textarea{width:100%;min-height:42px;border:1px solid #c8d4dc;border-radius:6px;padding:0 12px;color:#18202a;background:#fff}textarea{min-height:110px;padding:10px 12px;resize:vertical}button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;padding:0 14px;color:#fff;background:#007fa3;font-weight:800;cursor:pointer}button:disabled{opacity:.62;cursor:wait}.error{border:1px solid #f1b8b8;border-radius:6px;padding:10px 12px;color:#8f1d1d;background:#fff2f2}.notice{border:1px solid #9bcbd8;border-radius:6px;padding:10px 12px;color:#155268;background:#edf9fc}.text-button{min-height:32px;color:#426274;background:transparent;font-weight:700}.text-button:hover{color:#006f8f}.portal{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{background:#102333;color:#fff;padding:24px 18px}.sidebar .brand-mark{color:#7fd7ed;margin-bottom:28px}nav{display:grid;gap:8px}nav button,.icon-button{justify-content:flex-start;background:transparent;color:inherit}nav button.active,nav button:hover,.icon-button:hover{background:#ffffff1f}.content{min-width:0;padding:28px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.topbar p{margin:0;color:#5c6d78;font-weight:700}.toolbar{display:flex;gap:10px;align-items:center}.toolbar select{min-width:220px}.icon-button{width:42px;padding:0;color:#123;background:#e7eef2}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.activity-page{display:grid;gap:22px}.activity-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.activity-heading p{margin:0;color:#007fa3;font-size:14px;font-weight:800}.activity-heading h2{margin:6px 0 0;font-size:26px}.secondary-button{border:1px solid #b9c9d2;color:#274252;background:#fff}.secondary-button:hover{border-color:#007fa3;color:#006f8f}.aging-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.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}.transaction-table-wrap{overflow-x:auto;border-block:1px solid #d7e2e8}.transaction-table{width:100%;min-width:760px;border-collapse:collapse;font-size:14px}.transaction-table th,.transaction-table td{padding:13px 12px;border-bottom:1px solid #e4ebef;text-align:left;vertical-align:top}.transaction-table th{color:#5c6d78;background:#eef3f6;font-size:12px;text-transform:uppercase}.transaction-table td small{display:block;margin-top:3px;color:#6b7c87}.transaction-table a{color:#007fa3;font-weight:800}.transaction-table .amount-cell{text-align:right;white-space:nowrap}.transaction-table .empty-table{padding:28px;color:#60717d;text-align:center}.metric,.row-card{background:#fff;border:1px solid #dde6eb;border-radius:8px;padding:18px}.metric p{margin:0 0 8px;color:#60717d;font-weight:800}.metric strong{font-size:24px}.list{display:grid;gap:12px}.row-card{display:grid;gap:6px}.row-card span,.row-card small{color:#60717d}.row-card a,.detail-grid a{color:#007fa3}.request-change-button{width:max-content;padding-inline:0}.company-page{max-width:920px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:24px 0;border-top:1px solid #d7e2e8}.detail-grid>div{padding:16px 0;border-bottom:1px solid #d7e2e8}.detail-grid dt{margin-bottom:6px;color:#60717d;font-size:13px;font-weight:800}.detail-grid dd{margin:0;color:#263746}.detail-grid dd span{display:block}.change-request-form{display:grid;gap:12px;max-width:680px;margin-top:16px;padding:18px;border:1px solid #d7e2e8;background:#fff}.change-request-form button{width:max-content}.request-history{margin-top:34px}.request-history h3{margin:0 0 10px}.request-history>p{color:#60717d}.request-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #d7e2e8}.request-row div,.request-row div span,.request-row div small{display:grid;gap:5px}.request-row div span,.request-row div small{color:#60717d}.status-badge{height:max-content;border-radius:999px;padding:4px 9px;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:#007fa3}.support-page{max-width:880px}.page-heading p{margin:0;color:#007fa3;font-size:14px;font-weight:800}.page-heading h2{margin:6px 0 0;font-size:26px}.support-action{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:22px 0;border-block:1px solid #d7e2e8}.support-action h3,.faq-section h3{margin:0;font-size:18px}.support-action p{max-width:590px;margin:7px 0 0;color:#5c6d78;line-height:1.55}.primary-link{min-height:42px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:0 16px;color:#fff;background:#007fa3;font-weight:800;text-decoration:none}.primary-link:hover{background:#006884}.faq-section{margin-top:30px}.direct-debit-notes{max-width:720px;margin-top:30px}.direct-debit-notes h3{margin:0 0 10px;font-size:18px}.direct-debit-notes p{margin:7px 0;color:#5c6d78;line-height:1.6}.faq-list{margin-top:12px;border-top:1px solid #d7e2e8}.faq-list details{border-bottom:1px solid #d7e2e8;padding:0 4px}.faq-list summary{padding:17px 0;color:#263746;font-weight:800;cursor:pointer}.faq-list details p{max-width:760px;margin:-3px 0 18px;color:#5c6d78;line-height:1.6}@media(max-width:760px){.portal{grid-template-columns:1fr}.sidebar{padding:14px}nav{display:flex;overflow-x:auto;padding-bottom:3px}nav button{min-width:88px;flex:0 0 88px;flex-direction:column;gap:4px;justify-content:center;padding:0 8px;font-size:12px;text-align:center}.content{padding:18px}.topbar,.toolbar{align-items:stretch;flex-direction:column}.toolbar select{min-width:0}.dashboard-grid{grid-template-columns:1fr}.aging-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.activity-heading,.activity-filters{align-items:stretch;grid-template-columns:1fr}.activity-heading{flex-direction:column}.support-action{align-items:flex-start;flex-direction:column}}