:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17212b;background:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.92fr) minmax(420px,1.08fr);background:#f6f7f9}.brand-panel{min-height:100vh;padding:clamp(32px,5vw,72px);display:flex;flex-direction:column;justify-content:center;gap:32px;color:#fff;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.12),transparent 30%),linear-gradient(145deg,#0d2948,#173f66 58%,#0d2948)}.brand-mark{width:88px;height:88px;border:2px solid rgba(255,255,255,.55);border-radius:18px;display:grid;place-items:center;font-weight:800;letter-spacing:.14em;box-shadow:inset 0 0 0 8px #ffffff0f}.eyebrow{margin:0 0 8px;font-size:.76rem;font-weight:800;letter-spacing:.13em}.brand-panel h1,.dashboard-header h1{margin:0;line-height:1.04}.brand-panel h1{font-size:clamp(2.5rem,5vw,4.8rem);max-width:8ch}.brand-copy{max-width:540px;line-height:1.7;color:#ffffffc7;font-size:1.05rem}.auth-panel{padding:clamp(24px,5vw,72px);display:grid;place-items:center}.auth-card{width:min(100%,540px);background:#fff;border:1px solid #dfe5eb;border-radius:24px;padding:clamp(24px,4vw,42px);box-shadow:0 24px 60px #14263a1a}.auth-heading h2{margin:0 0 8px;font-size:2rem}.auth-heading p{color:#65717d;margin:0}.profile-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.profile-option{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid #dce3e9;border-radius:14px;background:#fff;color:#34404a;text-align:left}.profile-option span{display:grid;gap:3px}.profile-option small{color:#77838e;line-height:1.35}.profile-option.active{border-color:#173f66;background:#eef4f9;color:#0d2948;box-shadow:0 0 0 2px #173f6614}.field{display:grid;gap:7px;margin-top:16px;font-weight:700;font-size:.9rem}.input-wrap{min-height:50px;display:flex;align-items:center;gap:10px;border:1px solid #d9e0e6;border-radius:12px;padding:0 14px;background:#fff}.input-wrap:focus-within{border-color:#173f66;box-shadow:0 0 0 3px #173f661a}.input-wrap input{width:100%;border:0;outline:0;background:transparent;color:#17212b}.icon-button{border:0;background:transparent;padding:4px;color:#687580}.primary-button,.secondary-button{border:0;border-radius:12px;min-height:48px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button{width:100%;margin-top:22px;background:#0f3559;color:#fff}.primary-button:hover{background:#0b2b4a}.primary-button:disabled{opacity:.6;cursor:wait}.secondary-button{padding:0 16px;background:#fff;color:#0f3559;border:1px solid #d5dde4}.text-button{border:0;background:transparent;color:#174b78;padding:10px 0}.text-button.strong{font-weight:800}.signup-row{margin-top:18px;padding-top:18px;border-top:1px solid #e5eaee;display:flex;justify-content:center;align-items:center;gap:8px;color:#66727d}.coordinator-note{margin:18px 0 0;padding:12px 14px;border-radius:12px;background:#f6f8fa;color:#65717d;font-size:.87rem;line-height:1.5}.feedback{margin-top:14px;padding:11px 13px;border-radius:10px;font-size:.9rem}.feedback.error{background:#fff1f1;color:#9d2727;border:1px solid #f0cccc}.feedback.success{background:#eef8f1;color:#2e6b42;border:1px solid #cfe5d6}.screen-center{min-height:100vh;display:grid;place-items:center;background:#f4f6f8}.loader{width:36px;height:36px;border:4px solid #dce3e9;border-top-color:#0f3559;border-radius:999px;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-shell{min-height:100vh;background:#f4f6f8;padding:clamp(22px,4vw,54px)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:18px;max-width:1180px;margin:0 auto 28px}.dashboard-header .eyebrow{color:#587084}.welcome-card{max-width:1180px;margin:0 auto;background:#fff;border:1px solid #dfe5eb;border-radius:20px;padding:clamp(24px,4vw,42px);box-shadow:0 18px 40px #14263a0f}.welcome-card h2{margin:8px 0 12px}.welcome-card p{line-height:1.65;color:#5b6873}@media(max-width:820px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:auto;padding:28px 24px;gap:18px}.brand-mark{width:64px;height:64px;border-radius:14px}.brand-panel h1{font-size:2.1rem;max-width:none}.brand-copy{margin-bottom:0;font-size:.95rem}.auth-panel{padding:18px 14px 32px;align-items:start}.auth-card{border-radius:18px;padding:22px 18px}.profile-switch{grid-template-columns:1fr}.dashboard-header{align-items:flex-start}}