.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(17,17,17,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-modal{background:var(--surface,#ffffff);border-radius:16px;max-width:440px;width:100%;padding:2.5rem;box-shadow:0 24px 48px rgba(0,0,0,.12),0 12px 24px rgba(0,0,0,.08),0 0 1px rgba(0,0,0,.1);animation:slideUp .3s ease-out;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.login-modal-header{margin-bottom:2rem;text-align:center}.login-modal-icon{width:56px;height:56px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--chat-accent,#2f8f5b) 0,#267a4d 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(47,143,91,.2)}.login-modal-icon svg{width:28px;height:28px;color:white}.login-modal-header h2{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--text,#111111);letter-spacing:-.01em}.login-modal-header p{margin:0;color:var(--muted,#61656d);font-size:.9375rem;line-height:1.5}.login-modal-form{display:flex;flex-direction:column;gap:1.25rem}.login-modal-field{display:flex;flex-direction:column;gap:.5rem}.login-modal-field label{font-size:.875rem;font-weight:500;color:var(--muted-strong,#22252a);display:flex;align-items:center;gap:.375rem}.login-modal-field-icon{width:14px;height:14px;color:var(--muted,#61656d)}.login-modal-field input{padding:.875rem 1rem;border:1.5px solid var(--border,#e7e8eb);border-radius:10px;font-size:.9375rem;background:var(--surface,#ffffff);color:var(--text,#111111);transition:all .15s ease}.login-modal-field input::placeholder{color:var(--muted,#61656d);opacity:.6}.login-modal-field input:hover:not(:disabled){border-color:var(--border-strong,#d7dbe3)}.login-modal-field input:focus{outline:none;border-color:var(--chat-accent,#2f8f5b);box-shadow:0 0 0 3px rgba(47,143,91,.1);background:var(--surface,#ffffff)}.login-modal-field input:disabled{background-color:var(--surface-muted,#f4f5f6);cursor:not-allowed;opacity:.6}.login-modal-password-wrapper{position:relative;display:flex;align-items:center}.login-modal-password-wrapper input{padding-right:3rem;width:100%}.login-modal-password-toggle{position:absolute;right:.75rem;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--muted,#61656d);transition:color .15s ease;display:flex;align-items:center;justify-content:center;border-radius:6px}.login-modal-password-toggle:hover{color:var(--chat-accent,#2f8f5b);background:rgba(47,143,91,.05)}.login-modal-password-toggle:focus{outline:none;color:var(--chat-accent,#2f8f5b);background:rgba(47,143,91,.1)}.login-modal-password-toggle svg{width:18px;height:18px}.login-modal-error{padding:.875rem 1rem;background:#fef2f2;border:1.5px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.875rem;line-height:1.5;display:flex;align-items:flex-start;gap:.625rem;animation:shake .4s ease}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.login-modal-error-icon{width:16px;height:16px;flex-shrink:0;margin-top:2px}.login-modal-submit{padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--chat-accent,#2f8f5b) 0,#267a4d 100%);color:white;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(47,143,91,.2);display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.login-modal-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(47,143,91,.3)}.login-modal-submit:active:not(:disabled){transform:translateY(0)}.login-modal-submit:disabled{background:var(--surface-muted,#f4f5f6);color:var(--muted,#61656d);cursor:not-allowed;box-shadow:none;transform:none}.login-modal-submit-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.login-modal-overlay{padding:0;align-items:flex-end}.login-modal{max-width:100%;width:100%;margin:0;border-radius:24px 24px 0 0;padding:2rem 1.25rem;max-height:85vh;overflow-y:auto}.login-modal-header{margin-bottom:1.5rem}.login-modal-header h2{font-size:1.375rem}.login-modal-header p{font-size:.9375rem}.login-modal-icon{width:52px;height:52px}.login-modal-icon svg{width:26px;height:26px}.login-modal-form{gap:1.25rem}.login-modal-field input{padding:1rem;font-size:1rem;border-radius:12px}.login-modal-password-wrapper input{padding-right:3.5rem}.login-modal-password-toggle{right:1rem;padding:.625rem}.login-modal-password-toggle svg{width:20px;height:20px}.login-modal-submit{padding:1.125rem;font-size:1.0625rem;border-radius:12px}.login-modal-error{padding:1rem;font-size:.9375rem;border-radius:12px}}