:root{color-scheme:light}.ar-portal,.portal-error,.portal-loading{min-height:100vh;background:#f2f6f8;color:#173446;font-family:Arial,sans-serif}.ar-portal>header{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,6vw,88px);border-bottom:1px solid #cbd8df;background:#fff}.ar-portal>header div{display:grid}.ar-portal>header b{font-size:21px;color:#08779b}.ar-portal>header span{font-size:12px;color:#6b7e89}.ar-portal button{padding:10px 16px;border:1px solid #8aa7b5;border-radius:5px;background:#fff;color:#164c65;font-weight:700;cursor:pointer}.portal-hero{position:relative;padding:46px clamp(20px,6vw,88px) 50px;background:linear-gradient(120deg,#073e57,#08799a);color:#fff}.portal-hero p{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.portal-hero h1{margin:0 0 8px;font-size:32px}.portal-hero>span{color:#d7ebf2}.portal-hero div{display:grid;gap:4px;position:absolute;right:clamp(20px,6vw,88px);top:38px;min-width:260px;padding:18px;border:1px solid #4d91a9;background:#fff;color:#173446}.portal-hero div strong{font-size:28px}.portal-hero div em{font-size:11px;color:#6d818b;font-style:normal}.ar-portal>aside{margin:18px clamp(20px,6vw,88px) 0;padding:13px;border-left:4px solid #d59226;background:#fff7e8}.portal-invoices{margin:24px clamp(20px,6vw,88px);border:1px solid #c7d5dc;background:#fff}.portal-invoices>header{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid #d5e0e5}.portal-invoices p{margin:0;color:#08779b;font-size:10px;font-weight:800}.portal-invoices h2{margin:4px 0 0}.portal-invoices>header span{font-size:11px;color:#6d808a}.portal-row{display:grid;grid-template-columns:1.1fr .7fr .55fr .8fr 1.2fr 90px;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid #e0e7ea}.portal-row>span:first-child{display:grid}.portal-row small{color:#758791}.portal-row em{width:max-content;padding:4px 7px;border-radius:10px;font-size:10px;font-style:normal}.portal-row em.overdue{background:#fee4e2;color:#b42318}.portal-row em.current{background:#e0f3eb;color:#187454}.portal-row>span:nth-child(5){display:grid;gap:3px}.portal-row a{color:#08779b}.portal-row>button{background:#08799a;color:#fff}.portal-head{background:#eaf1f4;color:#607782;font-size:10px;font-weight:800;text-transform:uppercase}.ar-portal>footer{padding:20px;text-align:center;color:#71838d;font-size:11px}.portal-error,.portal-loading{display:grid;place-content:center;padding:30px;text-align:center}@media(max-width:800px){.portal-hero div{position:static;margin-top:24px}.portal-row{grid-template-columns:1fr 1fr}.portal-head{display:none}.portal-row>span:nth-child(5){grid-column:1/-1}.portal-row>button{grid-column:2}.portal-invoices>header{display:grid;gap:8px}}@media print{.ar-portal>header button,.portal-row>button{display:none}.portal-hero{padding:20px;background:#fff;color:#173446}.portal-hero div{position:static;margin-top:12px}.portal-invoices{margin:12px}.portal-row{grid-template-columns:1.1fr .7fr .55fr .8fr 1.2fr}.ar-portal>footer{padding:8px}}