*{box-sizing:border-box}body{margin:0;background:#f4f6fb;color:#182338;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.layout{max-width:1040px;margin:0 auto;padding:30px 20px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:25px}.logo{background:#1e40af;color:white;padding:12px;border-radius:13px;font-weight:800}h1{font-size:25px;margin:0}h2{font-size:19px}small,.muted{color:#66758b}.card{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 5px 20px #1e293b08;margin:14px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:15px}.metric{font-size:34px;font-weight:750}.nav{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 24px}.nav a,.btn{display:inline-block;padding:10px 14px;border-radius:10px;text-decoration:none;background:#e8eefc;color:#173f90;border:0;font:inherit}.btn.primary{background:#2455d6;color:white;cursor:pointer}label{display:block;font-weight:600;margin-top:14px}input{display:block;width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:9px;margin:6px 0 10px;font:inherit}.alert{background:#fff1f2;color:#9f1239;border-radius:9px;padding:12px;margin:15px 0}.ok{background:#ecfdf5;color:#065f46}.stack{max-width:510px;margin:8vh auto}a{color:#2455d6}@media(max-width:600px){.layout{padding:18px 14px}.card{padding:18px}}