.login-page[data-v-5b8441d1]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-container[data-v-5b8441d1]{background:#fff;border-radius:24px;padding:3rem;width:100%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp-5b8441d1 .6s ease-out}.logo-section[data-v-5b8441d1]{text-align:center;margin-bottom:2.5rem}.logo-icon[data-v-5b8441d1]{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin-bottom:1rem}.logo-text[data-v-5b8441d1]{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.form-section[data-v-5b8441d1]{width:100%}.form-header[data-v-5b8441d1]{text-align:center;margin-bottom:2rem}.form-header h2[data-v-5b8441d1]{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .5rem}.form-header p[data-v-5b8441d1]{color:#6b7280;margin:0;font-size:.875rem}.login-form[data-v-5b8441d1]{display:flex;flex-direction:column;gap:1.5rem}.input-group[data-v-5b8441d1]{position:relative}.form-input[data-v-5b8441d1]{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#f9fafb;color:#111827}.form-input[data-v-5b8441d1]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-input[data-v-5b8441d1]:disabled{opacity:.7;cursor:not-allowed;color:#6b7280}.form-input.error[data-v-5b8441d1]{border-color:#ef4444;background:#fef2f2}.form-input[data-v-5b8441d1]::placeholder{color:#9ca3af}.password-wrapper[data-v-5b8441d1]{position:relative}.password-toggle[data-v-5b8441d1]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s ease}.password-toggle[data-v-5b8441d1]:hover{color:#6b7280;background:#f3f4f6}.error-message[data-v-5b8441d1]{color:#ef4444;font-size:.875rem;margin-top:.5rem}.form-options[data-v-5b8441d1]{display:flex;align-items:center;margin:-.5rem 0 .5rem}.remember-me[data-v-5b8441d1]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151}.checkbox[data-v-5b8441d1]{width:16px;height:16px;accent-color:#667eea}.submit-btn[data-v-5b8441d1]{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;margin-top:.5rem}.submit-btn[data-v-5b8441d1]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px -5px #667eea66}.submit-btn[data-v-5b8441d1]:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner[data-v-5b8441d1]{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-5b8441d1 1s ease-in-out infinite}.error-alert[data-v-5b8441d1]{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:12px;font-size:.875rem;display:flex;align-items:flex-start;gap:.75rem;animation:shake-5b8441d1 .5s ease-in-out}.error-icon[data-v-5b8441d1]{flex-shrink:0;margin-top:.125rem}.error-content[data-v-5b8441d1]{flex:1}.error-title[data-v-5b8441d1]{font-weight:600;margin-bottom:.25rem}.error-description[data-v-5b8441d1]{font-size:.8125rem;opacity:.9;line-height:1.4}@keyframes shake-5b8441d1{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes slideUp-5b8441d1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-5b8441d1{to{transform:rotate(360deg)}}@media (max-width: 480px){.login-container[data-v-5b8441d1]{padding:2rem;margin:1rem;border-radius:20px}.form-header h2[data-v-5b8441d1]{font-size:1.5rem}.logo-icon[data-v-5b8441d1]{width:56px;height:56px}.logo-text[data-v-5b8441d1]{font-size:1.25rem}}