.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal-content{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;max-height:90vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.auth-modal-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.auth-modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s}.auth-modal-close:hover{background:#f3f4f6;color:#1a1a1a}.auth-modal-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e5e7eb}.auth-modal-tab{flex:1 1;padding:12px;background:none;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.auth-modal-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.auth-modal-tab:hover:not(.active){color:#1a1a1a}.auth-modal-form{display:flex;flex-direction:column;gap:16px}.auth-modal-field{display:flex;flex-direction:column;gap:6px}.auth-modal-label{font-size:13px;font-weight:500;color:#374151}.auth-modal-input{padding:12px 16px;font-size:14px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#1a1a1a;transition:all .2s;font-family:inherit}.auth-modal-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.auth-modal-input::placeholder{color:#9ca3af}.auth-modal-helper{font-size:12px;color:#6b7280;margin-top:4px}.auth-modal-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:8px}.auth-modal-error,.auth-modal-success{padding:12px;font-size:13px;margin-bottom:16px}.auth-modal-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;border-radius:8px}.auth-modal-submit{padding:14px;font-size:15px;font-weight:600;border:none;border-radius:8px;background:#3b82f6;color:#fff;cursor:pointer;transition:all .2s;margin-top:8px}.auth-modal-submit:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.auth-modal-submit:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.auth-modal-footer{margin-top:16px;text-align:center;font-size:13px;color:#6b7280}.auth-modal-link{color:#3b82f6;text-decoration:none;font-weight:500;cursor:pointer;transition:color .2s}.auth-modal-link:hover{color:#2563eb;text-decoration:underline}@media (prefers-color-scheme:dark){.auth-modal-content{background:#1f2937}.auth-modal-title{color:#f9fafb}.auth-modal-close{color:#9ca3af}.auth-modal-close:hover{background:#374151;color:#f9fafb}.auth-modal-tabs{border-bottom-color:#374151}.auth-modal-tab{color:#9ca3af}.auth-modal-tab.active{color:#3b82f6}.auth-modal-label{color:#d1d5db}.auth-modal-input{background:#374151;border-color:#4b5563;color:#f9fafb}.auth-modal-input:focus{border-color:#3b82f6}.auth-modal-input::placeholder{color:#6b7280}.auth-modal-footer,.auth-modal-helper{color:#9ca3af}}