:root{color:#17212b;background:#f4f8fb;font-family:Arial,sans-serif}body{margin:0}main{max-width:760px;margin:12vh auto;padding:2rem}h1{color:#0b2d4d;font-size:clamp(2rem,6vw,4rem)}.eyebrow{color:#1367d1;text-transform:uppercase;font-weight:700}.status{background:#fff;border-left:4px solid #20b8e6;padding:.75rem 1rem;display:inline-block}.button{color:#fff;background:#1367d1;border-radius:.45rem;margin-top:1rem;padding:.85rem 1.1rem;font-weight:700;text-decoration:none;display:inline-block}.button.secondary{background:#0b2d4d}.lead{max-width:62ch;font-size:1.15rem}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:2rem 0;display:grid}.card,.panel{background:#fff;border:1px solid #d7e4ee;border-radius:.75rem;padding:1.25rem}.card h2,.panel h2{color:#0b2d4d}.pill{color:#0b2d4d;background:#e7f6fb;border-radius:999px;padding:.35rem .65rem;font-size:.8rem;font-weight:700;display:inline-block}.panel{border-left:5px solid #20b8e6;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:1rem;display:grid}.auth-shell{place-items:center;min-height:70vh;margin-top:0;display:grid}.auth-card{background:#fff;border:1px solid #d7e4ee;border-radius:1rem;gap:1rem;width:min(100%,440px);padding:2rem;display:grid;box-shadow:0 18px 60px #0b2d4d1f}.auth-card h1{margin:0;font-size:clamp(2rem,5vw,3rem)}.auth-card label{color:#0b2d4d;gap:.4rem;font-weight:700;display:grid}.auth-card input{font:inherit;border:1px solid #9bb4c7;border-radius:.45rem;padding:.85rem}.auth-card input:focus{border-color:#1367d1;outline:3px solid #20b8e64d}button.button{cursor:pointer;border:0}button.button:disabled{opacity:.65;cursor:wait}.error{color:#9d241a;background:#fff0ee;border-left:4px solid #c0392b;padding:.75rem}.dashboard-shell{max-width:1100px;margin-top:5vh}.dashboard-header{justify-content:space-between;align-items:start;gap:2rem;display:flex}.dashboard-header h1{margin:.25rem 0}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.75rem;margin:2rem 0;display:grid}.metric{color:#fff;background:#0b2d4d;border-radius:.75rem;gap:.3rem;padding:1rem;display:grid}.metric strong{font-size:1.8rem}.metric span{text-transform:capitalize;color:#ccebf7;font-size:.85rem}.feature-card{color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0b2d4d1a}.feature-card span{color:#1367d1;font-weight:700}@media (max-width:600px){main{margin:4vh auto;padding:1rem}.dashboard-header{display:grid}}