:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}.auth-page{background:radial-gradient(circle at 0 0,#45dfb11f,#0000 32%),linear-gradient(135deg,#f5f7fa 0%,#eef3f5 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.auth-card{background:#fff;border:1px solid #e5e9ee;border-radius:20px;width:100%;max-width:480px;padding:36px;box-shadow:0 20px 50px #213a5714,0 4px 12px #213a570a}.auth-brand{align-items:center;gap:14px;margin-bottom:36px;display:flex}.auth-logo{color:#45dfb1;background:#213a57;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;font-weight:800;display:flex}.auth-brand h1{color:#213a57;margin:0;font-size:24px;font-weight:800;line-height:1.1}.auth-brand p{color:#718096;margin:5px 0 0;font-size:12px;line-height:1.4}.auth-heading{margin-bottom:24px}.auth-heading h2{color:#172033;margin:0 0 7px;font-size:28px;font-weight:750;line-height:1.2}.auth-heading p{color:#718096;margin:0;font-size:14px}.auth-card form{flex-direction:column;display:flex}.auth-card label{color:#344054;margin:0 0 7px;font-size:13px;font-weight:650}.auth-card input,.auth-card select{color:#172033;background:#fff;border:1px solid #d7dee6;border-radius:10px;outline:none;width:100%;height:48px;margin-bottom:17px;padding:0 14px;transition:border-color .2s,box-shadow .2s}.auth-card input::placeholder{color:#98a2b3}.auth-card input:focus,.auth-card select:focus{border-color:#45dfb1;box-shadow:0 0 0 3px #45dfb126}.auth-card form>button{color:#fff;cursor:pointer;background:#213a57;border:0;border-radius:10px;width:100%;height:50px;margin-top:4px;font-size:15px;font-weight:700;transition:transform .15s,background .2s}.auth-card form>button:hover:not(:disabled){background:#182d45;transform:translateY(-1px)}.auth-card form>button:disabled{opacity:.65;cursor:not-allowed}.role-selector{gap:10px;margin-bottom:22px;display:grid}.role-option{color:#344054;text-align:left;cursor:pointer;background:#fff;border:1px solid #d7dee6;border-radius:11px;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:14px 15px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.role-option strong{color:#213a57;font-size:14px}.role-option span{color:#718096;font-size:12px}.role-option:hover{border-color:#45dfb1}.role-option.active{background:#45dfb114;border-color:#45dfb1;box-shadow:0 0 0 2px #45dfb11a}.auth-error,.auth-success{border-radius:9px;margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.45}.auth-error{color:#b42318;background:#fff4f4;border:1px solid #f3c2c2}.auth-success{color:#16704a;background:#f0fbf6;border:1px solid #b7e4d3}.auth-footer{color:#718096;text-align:center;margin:22px 0 0;font-size:13px}.auth-footer a{color:#087f5b;font-weight:700;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (width<=520px){.auth-page{padding:20px 14px}.auth-card{border-radius:16px;padding:28px 22px}.auth-brand{margin-bottom:30px}.auth-heading h2{font-size:25px}}