:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.page{max-width:1080px;margin:0 auto;padding:48px 24px 80px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5d6f8d}.hero h1{font-size:38px;margin:8px 0}.hero p,.muted{color:#68758b;margin:0}.card{background:#fff;border:1px solid #e4e9f1;border-radius:18px;padding:28px;box-shadow:0 14px 40px #1f2d4614}h2{font-size:16px;margin:28px 0 14px;padding-bottom:10px;border-bottom:1px solid #edf0f5}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.wide{grid-column:span 2}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#3f4c62}input,select{width:100%;padding:11px 12px;border:1px solid #cfd7e4;border-radius:9px;background:#fff;font:inherit;color:#172033;outline:none}input:focus,select:focus{border-color:#4b68a6;box-shadow:0 0 0 3px #4b68a61f}small{font-weight:500;color:#a33b3b}label small:not(:empty){margin-top:1px}footer{display:flex;justify-content:flex-end;margin-top:28px}button{border:0;border-radius:10px;padding:12px 22px;font-weight:800;background:#20365f;color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.secondary{padding:8px 14px;background:#e7ecf4;color:#20365f}.alert{padding:12px 14px;border-radius:9px;margin-bottom:18px}.success{background:#edf9f1;color:#24633a}.error{background:#fff0f0;color:#8b2828}.user-menu{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}.auth-page{min-height:100vh;display:grid;place-items:center}.login-card{width:min(100%,430px)}.login-card h1{font-size:28px;margin:10px 0}.login-card .muted{margin-bottom:24px}.login-card label{margin-top:16px}.login-card button{width:100%;margin-top:22px}@media(max-width:720px){.grid,.grid.three{grid-template-columns:1fr}.wide{grid-column:auto}.hero{display:block}.user-menu{margin-top:18px}.hero h1{font-size:30px}.card{padding:20px}}