.login-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative}.language-selector-fixed{z-index:1000;position:fixed;top:1.5rem;right:1.5rem}.language-selector-fixed .language-selector{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.login-container{width:100%;max-width:420px}.login-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.login-header{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem 2rem 1.5rem}.login-header h1{margin:0 0 .5rem;font-size:1.875rem;font-weight:700}.login-header p{opacity:.9;margin:0;font-size:.875rem}.login-form{padding:2rem}.error-message{color:#991b1b;background:#fee2e2;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.error-message svg{flex-shrink:0}.form-group{margin-bottom:1.25rem}.form-group label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group input[type=text],.form-group input[type=email]{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.625rem .75rem;font-size:.875rem;transition:all .15s}.form-group input[type=text]:focus,.form-group input[type=email]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input[type=text]:disabled,.form-group input[type=email]:disabled{cursor:not-allowed;opacity:.6;background:#f3f4f6}.form-group .password-input-wrapper{width:100%}.form-group .password-input-wrapper .password-input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-button .spinner{width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1.5rem 2rem}.login-footer .demo-credentials{color:#6b7280;text-align:center;margin:0;font-size:.75rem;line-height:1.6}.login-footer .demo-credentials strong{color:#374151;margin-bottom:.25rem;display:block}@media (max-width:480px){.login-page{padding:0}.login-card{border-radius:0;flex-direction:column;min-height:100vh;display:flex}.login-header{padding:3rem 1.5rem 2rem}.login-header h1{font-size:1.5rem}.login-form{flex:1;padding:1.5rem}.login-footer{padding:1.5rem}}@media (prefers-color-scheme:dark){.login-card{background:#1f2937}.form-group label{color:#e5e7eb}.form-group input[type=text],.form-group input[type=email]{color:#f3f4f6;background:#111827;border-color:#374151}.form-group input[type=text]:focus,.form-group input[type=email]:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.form-group input[type=text]:disabled,.form-group input[type=email]:disabled{background:#0f172a}.login-footer{background:#111827;border-top-color:#374151}.login-footer .demo-credentials{color:#9ca3af}.login-footer .demo-credentials strong{color:#e5e7eb}}