.auth-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:.75rem}.auth-modal-overlay{position:fixed;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.75) 0,rgba(0,0,0,.6) 100%);backdrop-filter:blur(8px);animation:fadeIn .2s ease;cursor:pointer}.auth-modal-container{position:relative;z-index:10000;width:100%;max-width:480px;max-height:95vh;display:flex;align-items:center;justify-content:center}.auth-modal-compact{position:relative;background:#fff;border-radius:1rem;box-shadow:0 20px 50px rgba(0,0,0,.3);width:100%;max-height:95vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.auth-modal-close{position:absolute;top:.75rem;right:.75rem;z-index:100;background:rgba(0,0,0,.05);border:none;color:#666;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.auth-modal-close:hover{background:rgba(0,0,0,.1);color:#333;transform:rotate(90deg)}.auth-modal-header-compact{padding:1.5rem 1.25rem 1rem;text-align:center;border-bottom:1px solid rgba(184,134,11,.1);flex-shrink:0}.auth-modal-icon{width:48px;height:48px;margin:0 auto .75rem;background:linear-gradient(135deg,rgba(184,134,11,.15),rgba(212,175,55,.1));border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(184,134,11,.2)}.auth-modal-icon svg{width:24px;height:24px;color:#b8860b;stroke-width:2.5}.auth-modal-title-compact{font-size:1.375rem;font-weight:700;color:#1a1a1a;margin:0 0 .375rem 0}.auth-modal-subtitle-compact{font-size:.8125rem;color:#666;margin:0}.auth-modal-body-compact{padding:1.25rem;flex:1;overflow-y:auto;overflow-x:hidden}.auth-modal-body-compact::-webkit-scrollbar{width:4px}.auth-modal-body-compact::-webkit-scrollbar-track{background:0 0}.auth-modal-body-compact::-webkit-scrollbar-thumb{background:rgba(184,134,11,.2);border-radius:2px}.auth-modal-body-compact::-webkit-scrollbar-thumb:hover{background:rgba(184,134,11,.3)}.auth-form-compact{display:flex;flex-direction:column;gap:.875rem}.form-row-compact{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-col-compact{min-width:0}.form-group-compact{display:flex;flex-direction:column;gap:.375rem}.form-label-compact{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:#374151}.form-label-compact svg{width:14px;height:14px;color:#b8860b}.form-input-compact{width:100%;padding:.625rem .75rem;border:1.5px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;transition:all .2s;background:#fff}.form-input-compact:focus{outline:0;border-color:#b8860b;box-shadow:0 0 0 3px rgba(184,134,11,.1)}.form-input-compact::placeholder{color:#9ca3af}.password-input-wrapper-compact{position:relative;display:flex;align-items:center}.password-input-wrapper-compact .form-input-compact{padding-right:2.5rem}.password-toggle-compact{position:absolute;right:.5rem;background:0 0;border:none;cursor:pointer;padding:.375rem;color:#9ca3af;transition:color .2s;display:flex;align-items:center;justify-content:center}.password-toggle-compact:hover{color:#b8860b}.password-toggle-compact svg{width:18px;height:18px}.error-message-compact{padding:.625rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.8125rem;display:flex;align-items:center;gap:.375rem}.field-error-compact{color:#dc2626;font-size:.75rem;display:flex;align-items:center;gap:.25rem}.auth-options-compact{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem}.remember-me-compact{display:flex;align-items:center;gap:.375rem;cursor:pointer;color:#374151}.remember-me-compact input{cursor:pointer}.forgot-link-compact{color:#b8860b;text-decoration:none;font-weight:500;transition:color .2s}.forgot-link-compact:hover{color:#d4af37;text-decoration:underline}.auth-submit-btn-compact{width:100%;padding:.75rem;background:linear-gradient(135deg,#b8860b,#d4af37);color:#fff;border:none;border-radius:.625rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 8px rgba(184,134,11,.25)}.auth-submit-btn-compact:hover{background:linear-gradient(135deg,#d4af37,#b8860b);transform:translateY(-1px);box-shadow:0 4px 12px rgba(184,134,11,.35)}.auth-submit-btn-compact:active{transform:translateY(0)}.auth-submit-btn-compact .btn-loading{display:flex;align-items:center;gap:.5rem}.loading-icon{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-divider-compact{display:flex;align-items:center;text-align:center;color:#9ca3af;font-size:.75rem;margin:.5rem 0}.auth-divider-compact::after,.auth-divider-compact::before{content:'';flex:1;border-bottom:1px solid #e5e7eb}.auth-divider-compact span{padding:0 .625rem;background:#fff}.social-btn-compact{width:100%;padding:.625rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:.625rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.social-btn-compact:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.password-hint-compact{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280;margin:0}.password-hint-compact svg{width:14px;height:14px;flex-shrink:0}.terms-checkbox-compact{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;color:#374151;cursor:pointer}.terms-checkbox-compact input{margin-top:.125rem;cursor:pointer}.terms-link-compact{color:#b8860b;text-decoration:none;font-weight:500}.terms-link-compact:hover{text-decoration:underline}.auth-modal-footer-compact{padding:1rem 1.25rem;text-align:center;border-top:1px solid rgba(0,0,0,.05);background:rgba(184,134,11,.02);font-size:.8125rem;color:#666;flex-shrink:0}.auth-modal-footer-compact p{margin:0}.auth-switch-link-compact{color:#b8860b;text-decoration:none;font-weight:600;transition:color .2s}.auth-switch-link-compact:hover{color:#d4af37;text-decoration:underline}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-height:700px){.auth-modal-header-compact{padding:1rem 1.25rem .75rem}.auth-modal-icon{width:40px;height:40px;margin-bottom:.5rem}.auth-modal-icon svg{width:20px;height:20px}.auth-modal-title-compact{font-size:1.25rem}.auth-modal-body-compact{padding:1rem}.auth-form-compact{gap:.75rem}.form-input-compact{padding:.5rem .625rem}.auth-submit-btn-compact{padding:.625rem}}@media (max-width:640px){.auth-modal{padding:.5rem}.auth-modal-container{max-width:100%}.form-row-compact{grid-template-columns:1fr;gap:.75rem}}@media (max-width:480px){.auth-modal-compact{border-radius:.75rem}.auth-modal-header-compact{padding:1rem 1rem .75rem}.auth-modal-body-compact{padding:.875rem}.auth-modal-footer-compact{padding:.875rem 1rem}}@media (max-height:600px){.auth-modal-container{max-height:98vh}.auth-modal-header-compact{padding:.875rem 1rem .625rem}.auth-modal-icon{display:none}.auth-modal-title-compact{font-size:1.125rem;margin-bottom:0}.auth-modal-subtitle-compact{display:none}.auth-modal-body-compact{padding:.875rem}.auth-form-compact{gap:.625rem}.form-group-compact{gap:.25rem}.form-input-compact{padding:.5rem .625rem;font-size:.8125rem}.auth-submit-btn-compact{padding:.625rem;font-size:.875rem}.password-hint-compact{font-size:.6875rem}.auth-divider-compact{margin:.375rem 0}.social-btn-compact{padding:.5rem;font-size:.8125rem}.auth-modal-footer-compact{padding:.75rem;font-size:.75rem}}