:root{--navy:#092e70;--ink:#14243b;--orange:#ff9900;--soft:#fff8ed;--line:#dae3ec;--muted:#617083;--green:#17633a}
*{box-sizing:border-box}body{margin:0;background:#f4f7fa;color:var(--ink);font-family:"DM Sans",sans-serif}.shell{min-height:100vh}.dashboard-header{height:78px;padding:14px max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line)}.dashboard-header img{width:235px}.account-actions{display:flex;gap:16px;align-items:center;color:var(--muted);font-size:.88rem}.text-button,.close{border:0;background:transparent;color:var(--navy);font:inherit;font-weight:700;cursor:pointer}.eyebrow{margin:0 0 9px;color:#b85f00;font-size:.75rem;font-weight:800;letter-spacing:.13em}h1,h2{font-family:"Manrope",sans-serif;color:var(--navy);letter-spacing:-.04em}.login-panel{width:min(700px,calc(100% - 40px));margin:9vh auto;padding:52px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 22px 60px #092e7015}.login-panel h1{margin:0;font-size:clamp(2.4rem,6vw,4rem)}.login-panel>p:not(.eyebrow){max-width:580px;color:var(--muted);font-size:1.05rem}.button,.secondary{min-height:46px;padding:11px 18px;border-radius:7px;border:0;font:inherit;font-weight:800;cursor:pointer}.button{background:var(--navy);color:white}.secondary{background:#e8eef4;color:var(--navy)}.security-note{font-size:.82rem!important}.dashboard{max-width:1180px;margin:auto;padding:54px 24px 90px}.dashboard-title{display:flex;align-items:end;justify-content:space-between;gap:24px}.dashboard-title h1{margin:0;font-size:clamp(2rem,4vw,3.2rem)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}.summary-grid article{padding:20px;border:1px solid var(--line);border-radius:10px;background:white}.summary-grid span{display:block;color:var(--muted);font-size:.83rem}.summary-grid strong{display:block;margin-top:8px;color:var(--navy);font:800 1.7rem "Manrope",sans-serif}.toolbar{display:grid;grid-template-columns:1fr 220px;gap:14px;padding:20px;background:#e9eff6;border-radius:10px}.toolbar label,.form-grid label{display:grid;gap:6px;color:var(--navy);font-size:.82rem;font-weight:800}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #b8c6d4;border-radius:6px;background:white;color:var(--ink);font:inherit}.customer-list{display:grid;gap:12px;margin-top:20px}.customer-card{display:grid;grid-template-columns:1.3fr .9fr .7fr auto;gap:20px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:10px;background:white}.customer-card h3{margin:0;color:var(--navy);font:800 1.1rem "Manrope",sans-serif}.customer-card p{margin:4px 0 0;color:var(--muted);font-size:.88rem}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#e7f4eb;color:var(--green);font-size:.76rem;font-weight:800}.status{min-height:1.2em;color:var(--muted)}dialog{width:min(820px,calc(100% - 30px));padding:0;border:0;border-radius:14px;box-shadow:0 30px 90px #061f4e55}dialog::backdrop{background:#061f4eb8}#customer-form{padding:28px}.dialog-heading{display:flex;justify-content:space-between;align-items:start}.dialog-heading h2{margin:0;font-size:2rem}.close{font-size:2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}.form-grid .wide{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@media(max-width:800px){.summary-grid{grid-template-columns:1fr 1fr}.customer-card{grid-template-columns:1fr 1fr}.toolbar{grid-template-columns:1fr}.dashboard-header img{width:190px}}@media(max-width:520px){.login-panel{padding:30px}.dashboard-header{height:auto;align-items:start}.account-actions{display:grid;text-align:right}.summary-grid,.form-grid,.customer-card{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.dashboard-title{align-items:start;flex-direction:column}}