:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17202a;background:#f4f6f8;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button{color:#fff;cursor:pointer;background:#12395b;border:0;border-radius:8px;padding:12px 18px;font-weight:700}button.secondary{color:#12395b;background:#fff;border:1px solid #cbd5df;padding:8px 12px}.shell{background:linear-gradient(135deg,#eef3f7,#fff);place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:#fff;border-radius:16px;width:min(520px,100%);padding:44px;box-shadow:0 18px 60px #142d461f}.eyebrow{letter-spacing:.14em;color:#5b6b79;font-size:12px;font-weight:800}.dashboard{max-width:1280px;margin:0 auto;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.userBox{align-items:center;gap:12px;display:flex}.hero{background:#fff;border:1px solid #dce3e8;border-radius:14px;margin-top:24px;padding:28px}.askBox{color:#607080;border:1px solid #c9d3dc;border-radius:10px;margin-top:18px;padding:16px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.panel{background:#fff;border:1px solid #dce3e8;border-radius:12px;padding:22px}.panel span{color:#55708a;font-size:12px;font-weight:700}@media (max-width:900px){.grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}