:root{--navy:#102240;--green:#00758d;--ink:#172c43;--muted:#657e8d;--line:#dce7ed}body{font-size:15px;background:#f1f8fb}header{background:radial-gradient(ellipse at 85% 20%,#13a5bb 0,transparent 55%),linear-gradient(120deg,#102240,#102240 70%);padding:28px max(24px,calc((100vw - 1180px)/2)) 70px}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:25px;letter-spacing:-1px}.brand strong span{font-weight:400;color:#e9f4f9}.brandmark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ffb33e;color:#102240;font-size:25px;font-weight:800}.brand small{margin-left:auto;font-size:10px;letter-spacing:2px;border:1px solid #5e828b;padding:7px 13px;border-radius:20px}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:center;margin-top:50px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--green)}header .eyebrow{color:#ffb33e}h1{font-size:clamp(38px,5vw,64px);font-weight:650;letter-spacing:-2.5px;line-height:1.06;margin:20px 0 24px}h1 em{font-style:normal;color:#ffb33e}header p{color:#d0e3e7;max-width:540px;font-size:16px}.hero-panel{border:1px solid #729a9c66;border-radius:24px;padding:29px;background:#ffffff0b;box-shadow:0 25px 55px #07233635}.hero-panel>span{font-size:9px;letter-spacing:1.8px;color:#ccecdf}.hero-panel h2{font-size:32px;letter-spacing:-.8px;line-height:1.15;margin:20px 0}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #64878f66;border-bottom:1px solid #64878f66;padding:18px 0}.hero-stats b{display:block;font-size:27px}.hero-stats span{font-size:10px;color:#c9dedf}.hero-panel p{font-size:12px;margin:18px 0 0}main{max-width:1228px;margin:auto;padding:30px 24px}section{border:1px solid var(--line);border-radius:20px;background:white;padding:30px;margin-bottom:20px;box-shadow:0 8px 25px #183a5010}#login{max-width:550px;margin:-60px auto 10px;position:relative;padding:38px}h2{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:10px 0 16px}p{color:var(--muted)}label{font-size:12px;font-weight:650}input,select{width:100%;padding:13px 14px;font:400 14px system-ui;border:1px solid #c6d6df;border-radius:10px;background:#fbfdfe;color:var(--ink);margin-top:6px}button{padding:12px 17px;border:1px solid transparent;border-radius:10px;font:600 12px system-ui;transition:background .15s}button:hover{background:#102240}.notice{font-size:12px;background:#eef7f4;border-left:3px solid #55bca0;padding:14px 18px;border-radius:0 10px 10px 0}.tabs{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 24px}.tabs button{background:#f0f4f7;color:#425e72;font-size:11px}.tabs button.active{background:#102240;color:white}.grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:14px}.card{border:1px solid var(--line);border-radius:15px;padding:20px;background:linear-gradient(150deg,#fff,#f7fafc);position:relative;box-shadow:none}.card h3{font-size:17px;letter-spacing:-.3px;margin:12px 0 8px}.card p{font-size:12px;margin:6px 0}.card button{width:100%;margin-top:16px;background:#e9f4f9;color:#00758d}.card button:hover{background:#dfeff6}.avatar{width:38px;height:38px;border-radius:12px;background:#e9f4f9;color:#00758d;display:grid;place-items:center;font-weight:750;font-size:15px}#status{color:#865e14}#coverage{display:grid;grid-template-columns:1fr 1fr;gap:16px}#coverage div{background:#f5f9fb;border-radius:14px;padding:20px}#coverage h3{font-size:15px;margin:0 0 12px}#coverage p{font-size:12px;margin:8px 0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats-grid div{padding:20px;background:#eef6f3;border-radius:12px}.stats-grid b{display:block;font-size:25px;color:#06755f}.stats-grid span{font-size:12px;color:#5b7686}[hidden]{display:none!important}@media(max-width:750px){header{padding:22px 22px 65px}.hero{grid-template-columns:1fr;gap:25px;margin-top:35px}.hero-panel{padding:22px}h1{letter-spacing:-1.5px}.hero-panel h2{font-size:25px}main{padding:24px 14px}section{padding:22px}#login{padding:26px}#coverage{grid-template-columns:1fr}.brand small{font-size:8px;letter-spacing:1px}h2{font-size:22px}.stats-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}}

.public-nav{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem 0}.public-nav a{color:inherit;font-weight:600}.public-action{display:inline-block;background:#b94d00;color:#FFFFFF;padding:1rem 1.5rem;border-radius:12px;font-weight:700;text-decoration:none}

.customer-workspace .hero{grid-template-columns:1fr;max-width:850px}.customer-workspace #customer-overview{box-shadow:none;background:#f9fcfd}.customer-workspace #customer-overview a{display:inline-block;color:#00758d;font-weight:700;margin-top:15px}

/* Keep the logo intact on compact staff and customer headers. */
@media(max-width:600px){.brand{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:12px;row-gap:3px}.brand>.brand-badge{grid-column:1;grid-row:1 / 3;align-self:center}.brand>strong{grid-column:2;white-space:nowrap;line-height:1.2}.brand>small{grid-column:2;margin-left:0;width:fit-content;max-width:100%;padding:4px 9px;font-size:8px;letter-spacing:1px}}