.sao-portal,.sao-public-form{--sp-ink:#15233d;--sp-accent:#5468d9;--sp-muted:#718096;color:var(--sp-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.sao-portal{max-width:1200px;margin:35px auto;background:#f6f8fd;border:1px solid #e8edf5;border-radius:20px;overflow:hidden}.sao-portal *,.sao-public-form *{box-sizing:border-box}.sao-portal-hero{background:#11213d;color:white;padding:42px clamp(20px,5vw,55px)}.sao-eyebrow{letter-spacing:2px;font-size:10px;font-weight:800;color:#7d94ff}.sao-portal-hero h2{color:white;font-size:32px;line-height:1.2;margin:10px 0}.sao-portal-hero p{color:#aabbd5;margin:0}.sao-portal-nav{background:white;border-bottom:1px solid #e6eaf2;padding:0 40px;display:flex;gap:24px}.sao-portal-nav a{text-decoration:none;font-weight:700;font-size:13px;color:#77839c;padding:17px 4px;border-bottom:3px solid transparent}.sao-portal-nav a.active{color:#4e64d5;border-color:#5268dd}.sao-portal-body{padding:30px clamp(17px,4vw,42px)}.sao-portal-month{display:flex;gap:12px;align-items:end;justify-content:flex-end;flex-wrap:wrap;margin-bottom:20px}.sao-portal-month label{display:grid;gap:6px;font-size:12px;font-weight:700}.sao-portal input,.sao-portal textarea,.sao-portal select,.sao-public-form input,.sao-public-form textarea{border:1px solid #d9e1f0;border-radius:9px;padding:11px;background:white;min-width:0;max-width:100%;font:inherit;color:#1b2b43}.sao-portal button,.sao-public-form button{border:0;background:#5469db;color:white;font-weight:700;border-radius:9px;padding:11px 17px;cursor:pointer;font:inherit}.sao-portal-pulse{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.sao-portal-pulse>div{background:#fff;border:1px solid #e5ebf5;padding:19px;border-radius:10px}.sao-portal-pulse span{display:block;color:#78849b;font-size:12px}.sao-portal-pulse strong{font-size:23px;display:block;margin-top:8px}.sao-portal-lead{border:1px solid #e0e7f3;border-radius:12px;background:white;margin:12px 0}.sao-portal-lead summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:17px;gap:15px}.sao-portal-lead summary strong{display:block}.sao-portal-lead summary small{color:#7f8ba1}.sao-portal-lead-body{padding:10px 20px 22px;border-top:1px solid #edf0f5}.sao-portal-lead-body form{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.sao-portal-lead-body label{display:grid;gap:6px;font-size:12px;min-width:180px;flex:1}.sao-portal-lead-body ul{font-size:12px;color:#607087;padding-left:18px}.sao-badge{font-size:10px;color:#5b6780;background:#e9eef7;padding:5px 10px;border-radius:100px;white-space:nowrap}.sao-badge.sao-won{color:#107a58;background:#dff9ee}.sao-badge.sao-lost{color:#af563a;background:#fff0e9}.sao-portal-notice{padding:13px;background:#e1f8ea;border-radius:8px;margin-bottom:18px}.sao-portal-access{border:1px solid #e3e8f2;padding:20px;border-radius:10px}.sao-client-report{background:white;border:1px solid #e4eaf4;border-radius:15px;padding:clamp(18px,4vw,36px);font-size:14px}.sao-client-report h3{font-size:18px;margin:0 0 15px}.sao-client-report section{margin:28px 0}.sao-client-report .sao-report-head{border-bottom:1px solid #e9edf5;padding-bottom:22px}.sao-client-report .sao-report-head h2{font-size:28px;margin:9px 0}.sao-client-report .sao-report-head p{color:#77849b;margin:0}.sao-report-summary{padding:18px;background:#eef2ff;border-left:3px solid #6276ec;border-radius:8px;margin:22px 0}.sao-report-stats,.sao-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sao-metric-grid{grid-template-columns:repeat(3,1fr)}.sao-report-stat,.sao-metric{border:1px solid #e8edf6;padding:16px;border-radius:10px;background:#fbfcff}.sao-report-stat>span,.sao-metric>span{display:block;font-size:12px;color:#71819b}.sao-report-stat strong,.sao-metric strong{font-size:23px;display:block;margin:6px 0}.sao-report-stat small,.sao-metric small{font-size:11px;color:#8a95a5}.sao-source-grid{display:flex;flex-wrap:wrap;gap:10px}.sao-source-grid>div{padding:12px 17px;background:#f3f6fc;display:flex;gap:20px;border-radius:9px}.sao-report-subtext{font-size:12px;color:#8894a7}.sao-report-deliverables>div{display:flex;gap:13px;align-items:center;border-bottom:1px solid #edf1f6;padding:12px 0;flex-wrap:wrap}.sao-report-deliverables span{font-size:11px;color:#6378bf;min-width:90px}.sao-report-deliverables strong{flex:1}.sao-report-deliverables a{font-size:12px;font-weight:700;color:#5066dd}.sao-report-note{color:#8190a5;border:1px dashed #e0e6f2;padding:12px;border-radius:9px}.sao-client-report footer{font-size:11px;color:#919cb0;border-top:1px solid #e9edf5;padding-top:18px}.sao-public-form{max-width:620px;padding:24px;border-radius:14px;background:#f7f9fe;border:1px solid #e7ecf5;display:grid;gap:12px}.sao-public-form label{display:grid;gap:6px;font-weight:650;font-size:13px}.sao-public-form input,.sao-public-form textarea{width:100%}.sao-honey{position:absolute;left:-10000px;visibility:hidden}.sao-form-success{padding:14px;background:#e3f9ed;color:#155a40;border-radius:10px}
@media(max-width:750px){.sao-portal-nav{padding:0 18px}.sao-report-stats,.sao-metric-grid{grid-template-columns:repeat(2,1fr)}.sao-portal-pulse{grid-template-columns:1fr}}@media(max-width:430px){.sao-report-stats,.sao-metric-grid{grid-template-columns:1fr}.sao-portal-hero h2{font-size:25px}}
@media print{.sao-portal-nav,.sao-portal-hero,.sao-portal-month,.sao-portal-pulse{display:none}.sao-portal{border:0;margin:0}.sao-portal-body{padding:0}.sao-client-report{border:0;padding:0}.sao-client-report section{break-inside:avoid}}

/* Connected support area */
.sao-portal .sao-support-cta{display:inline-flex;padding:11px 18px;background:#223a66;color:#fff;text-decoration:none;border-radius:8px;font-weight:650}
.sao-portal .sao-support-cta:hover{color:#fff;background:#162b50}
.sao-portal .sao-table-wrap{overflow:auto;margin:16px 0}
.sao-portal .sao-table{width:100%;border-collapse:collapse}
.sao-portal .sao-table th,.sao-portal .sao-table td{text-align:left;padding:12px;border-bottom:1px solid #d7e0ea;vertical-align:top}
.sao-portal .sao-table td{overflow-wrap:anywhere}
.sao-portal .sao-connected-agreements{padding:14px 18px;border:1px solid #d7e0ea;border-radius:8px;margin-bottom:20px}
.sao-portal .sao-connected-agreements h4{margin:0 0 8px}
@media(max-width:600px){.sao-portal .sao-table th,.sao-portal .sao-table td{padding:8px;font-size:12px}}