.login-container{min-height:100vh;font-family:var(--font-geist-sans), "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fb;justify-content:center;align-items:center;padding:24px;display:flex}.login-card{background:#fff;border:1px solid #edeef1;border-radius:14px;width:100%;max-width:380px;padding:32px 28px;box-shadow:0 2px 8px #0000000a}.login-back{color:#9b9ba3;align-items:center;gap:5px;margin-bottom:24px;font-size:12px;font-weight:400;text-decoration:none;display:inline-flex}.login-back:hover{color:#3a3a42}.login-back svg{flex-shrink:0}.login-brand{align-items:center;gap:10px;margin-bottom:22px;display:flex}.login-brand-icon{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#7c6ff0 0%,#5b4fe5 100%);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.login-brand-text{flex-direction:column;display:flex}.login-brand-name{color:#1a1a1a;letter-spacing:-.2px;font-size:14.5px;font-weight:700;line-height:1.2}.login-brand-subtitle{color:#9b9ba3;margin-top:1px;font-size:11px;font-weight:400;line-height:1.3}.login-role-badge{color:#5b4fe5;background:#5b4fe514;border-radius:100px;align-items:center;gap:5px;margin-bottom:16px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.login-role-badge-blue{color:#2563eb;background:#2563eb14}.login-role-badge-green{color:#059669;background:#05966914}.login-title{color:#1a1a1a;letter-spacing:-.3px;margin:0 0 4px;font-size:20px;font-weight:600}.login-subtitle{color:#6b7280;margin:0 0 22px;font-size:13px;font-weight:400}.login-form{flex-direction:column;gap:12px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-input{color:#3a3a42;background:#fff;border:1px solid #e4e4e7;border-radius:8px;outline:none;width:100%;height:40px;padding:0 14px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:#a0a0a8;font-weight:400}.form-input:focus{border-color:#5b4fe5;box-shadow:0 0 0 3px #5b4fe51a}.password-wrap{align-items:center;display:flex;position:relative}.password-wrap .form-input{padding-right:40px}.password-toggle{color:#9b9ba3;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{color:#3a3a42;background:#f3f4f6}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin:0;padding:10px 12px;font-size:12.5px;display:flex}.login-error svg{flex-shrink:0}.btn-login{color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;height:40px;margin-top:4px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.btn-login:disabled{opacity:.7;cursor:not-allowed}.btn-login{background:linear-gradient(#7c6ff0 0%,#5b4fe5 100%);box-shadow:0 2px 6px #5b4fe540,inset 0 1px #ffffff40}.btn-login:hover:not(:disabled){background:linear-gradient(#8478f2 0%,#4f42d9 100%);box-shadow:0 3px 8px #5b4fe559,inset 0 1px #ffffff40}.btn-login-blue{background:linear-gradient(#3b82f6 0%,#2563eb 100%);box-shadow:0 2px 6px #2563eb40,inset 0 1px #ffffff40}.btn-login-blue:hover:not(:disabled){background:linear-gradient(#4f8df7 0%,#1e5ad9 100%);box-shadow:0 3px 8px #2563eb59,inset 0 1px #ffffff40}.btn-login-green{background:linear-gradient(#10b981 0%,#059669 100%);box-shadow:0 2px 6px #05966940,inset 0 1px #ffffff40}.btn-login-green:hover:not(:disabled){background:linear-gradient(#14c48a 0%,#04845d 100%);box-shadow:0 3px 8px #05966959,inset 0 1px #ffffff40}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;color:#adadb5;margin:22px 0 0;font-size:11px}@media (max-width:480px){.login-container{align-items:flex-start;padding:40px 16px 16px}.login-card{border-radius:12px;padding:24px 20px}}