*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:#17202a;background:#f4f6f8}header{display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;background:#17365d;color:white}header strong,header span{display:block}header span{font-size:.85rem;opacity:.8}nav a{color:white;margin-left:20px}.warning{padding:12px;text-align:center;background:#ffd966;font-weight:700}main{max-width:1100px;margin:32px auto;padding:0 22px}footer{text-align:center;padding:32px;color:#5c6773}.hero,.panel{background:white;border-radius:18px;padding:34px;box-shadow:0 8px 30px #17202a12}.hero{display:flex;justify-content:space-between;gap:30px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#476d96;font-size:.78rem;font-weight:700}.metric{min-width:180px;border-radius:16px;background:#17365d;color:white;padding:28px;text-align:center}.metric span{font-size:3rem;display:block}.button,button{display:inline-block;background:#1f5f99;color:white;border:0;border-radius:10px;padding:12px 18px;font-weight:700;text-decoration:none;cursor:pointer}.secondary{background:#607d8b}.danger{background:#a33}.section-head{display:flex;justify-content:space-between;align-items:center}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:white;padding:22px;border-radius:14px;box-shadow:0 6px 20px #17202a10}.status{display:inline-block;background:#e6eef7;color:#17365d;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label,.decision label{display:flex;flex-direction:column;gap:7px;font-weight:600}.full{grid-column:1/-1}input,select,textarea{padding:12px;border:1px solid #bcc7d1;border-radius:8px;font:inherit}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.summary div{background:#f1f4f7;padding:15px;border-radius:10px}.summary small,.summary strong{display:block}.decision div{display:flex;gap:10px;margin-top:12px}.timeline{border-left:3px solid #d6e1ec;padding-left:24px}.timeline li{margin-bottom:18px}.timeline span{display:block;color:#667}.flash{padding:12px;border-radius:8px;margin-bottom:16px;background:#dcefe1}.flash.error{background:#f8d7da}@media(max-width:700px){header,.hero,.section-head{align-items:flex-start;flex-direction:column}.form-grid,.summary{grid-template-columns:1fr}.decision div{flex-wrap:wrap}}
.brand{display:flex;align-items:center;gap:15px;color:white;text-decoration:none}.brand img{display:block;width:190px;max-height:58px;object-fit:contain;background:white;border-radius:8px;padding:7px}.brand span{font-size:.85rem;opacity:.85}.landing{margin-bottom:24px}.portal-choices{display:grid;grid-template-columns:1fr 1fr;gap:22px}.portal-card,.staff-banner{background:white;border-radius:18px;padding:30px;box-shadow:0 8px 30px #17202a12}.portal-card small{display:block;margin-top:16px;color:#5c6773}.staff-card,.staff-banner{border-top:5px solid #b6902f}.staff-button{background:#7b5c18}.staff-banner{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.staff-request{border-left:5px solid #b6902f}.attention{background:#fff4cf;border:1px solid #e2bf55;border-radius:12px;padding:20px;margin:24px 0}.contact-panel{display:flex;flex-direction:column;background:#f1f4f7;border-radius:10px;padding:15px;margin-bottom:18px}.delete-panel{margin:30px 0;padding:22px;border:2px solid #c44;background:#fff6f6;border-radius:12px}.delete-panel form{display:flex;align-items:end;gap:12px}.delete-panel label{display:flex;flex-direction:column;gap:7px}.client-hero{margin-bottom:24px}
@media(max-width:700px){.brand{align-items:flex-start}.brand img{width:155px}.portal-choices{grid-template-columns:1fr}.staff-banner{align-items:flex-start;flex-direction:column;gap:16px}.delete-panel form{align-items:stretch;flex-direction:column}}