:root{--auth-primary:var(--color-secondary);--auth-primary-hover:#001a1d;--auth-google:#4285F4;--auth-facebook:#1877F2;--auth-success:#27ae60;--auth-error:#e74c3c;--auth-border:#d8dfe0;--auth-text:var(--color-secondary);--auth-text-light:#7f9799;--auth-bg:#ffffff;--auth-overlay:rgba(0, 0, 0, 0.6);--auth-shadow:0 2px 8px rgba(0, 0, 0, 0.1);--auth-radius:8px}.classified-auth-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:none}.classified-auth-modal.active{display:block}.classified-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--auth-overlay);animation:fadeIn 0.3s ease-out}.classified-modal-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:slideUp 0.3s ease-out}.classified-modal-content{position:relative;background:var(--auth-bg);min-height:100vh;width:100%}.classified-modal-header{position:sticky;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--auth-bg);border-bottom:1px solid var(--auth-border);z-index:10}.classified-modal-header-title{position:absolute;left:50%;transform:translateX(-50%);font-size:15px;font-weight:600;color:var(--color-primary-dark);margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 120px);text-align:center}.classified-modal-back,.classified-modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:#fff0;color:var(--color-primary-dark);cursor:pointer;border-radius:50%;transition:background-color 0.2s}.classified-modal-back:hover,.classified-modal-close:hover{background-color:rgb(0 47 52 / .05)}.classified-modal-back svg,.classified-modal-close svg{width:24px;height:24px}.classified-modal-body{padding:24px 16px 40px;max-width:480px;margin:0 auto}.classified-modal-logo{text-align:center;margin-bottom:24px}.classified-modal-logo img{max-width:250px;margin:auto}.classified-logo-text{font-size:32px;font-weight:700;color:var(--color-primary-dark)}.classified-modal-title{display:none}.classified-modal-header-title{font-size:18px;font-weight:600;color:var(--color-primary-dark);text-align:center;margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classified-modal-description{font-size:14px;color:var(--color-primary-light);text-align:center;margin:0 0 24px;line-height:1.5}.classified-auth-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.classified-auth-btn{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:12px;border:2px solid var(--auth-border);background:var(--auth-bg);border-radius:var(--auth-radius);font-size:16px;font-weight:600;color:var(--color-primary-dark);cursor:pointer;transition:all 0.2s}.classified-auth-btn:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--auth-shadow)}.classified-auth-btn svg{flex-shrink:0}.classified-auth-btn-google:hover{border-color:var(--auth-google)}.classified-auth-btn-facebook:hover{border-color:var(--auth-facebook)}.classified-auth-btn-outline{background:#fff0}.classified-auth-divider{position:relative;text-align:center;margin:24px 0}.classified-auth-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--auth-border)}.classified-auth-divider span{position:relative;display:inline-block;padding:0 16px;background:var(--auth-bg);color:var(--auth-text-light);font-size:14px;font-weight:500}.classified-auth-form{width:100%}.classified-form-group{margin-bottom:20px}.classified-form-group label{display:block;font-size:14px;font-weight:600;color:var(--color-primary-dark);margin-bottom:8px}.classified-form-control{width:100%;height:48px;padding:0 16px;border:2px solid var(--auth-border);border-radius:var(--auth-radius);font-size:16px;color:#000;background:var(--auth-bg);transition:border-color 0.2s}.classified-form-control:focus{outline:none;border-color:var(--auth-primary)}.classified-form-control::placeholder{color:var(--auth-text-light)}.classified-password-field{position:relative}.classified-password-field .classified-form-control{padding-right:48px}.classified-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#fff0;color:var(--auth-text-light);cursor:pointer;border-radius:4px;transition:background-color 0.2s}.classified-password-toggle:hover{background-color:rgb(0 47 52 / .05)}.classified-phone-input{display:flex;gap:8px}.classified-country-code{flex-shrink:0;height:48px;display:flex;align-items:center;gap:8px;padding:0 12px;border:2px solid var(--auth-border);border-radius:var(--auth-radius);background:var(--auth-bg)}.classified-country-code img{width:24px;height:16px;object-fit:cover;border-radius:2px}.classified-country-code span{font-size:16px;font-weight:600;color:var(--auth-text)}.classified-phone-input .classified-form-control{flex:1}.classified-form-checkbox label{display:flex;align-items:flex-start;gap:8px;font-weight:400;cursor:pointer}.classified-form-checkbox input[type="checkbox"]{flex-shrink:0;width:18px;height:18px;margin-top:2px;cursor:pointer}.classified-form-checkbox span{font-size:14px;color:var(--color-primary);line-height:1.5}.classified-form-checkbox a{color:var(--auth-primary);text-decoration:none}.classified-form-checkbox a:hover{text-decoration:underline}.classified-btn{height:48px;padding:0 24px;border:none;border-radius:var(--auth-radius);font-size:16px;font-weight:600;cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.classified-btn-primary{background:var(--color-primary);color:#fff}.classified-btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--auth-shadow)}.classified-btn-primary:disabled{opacity:.5;cursor:not-allowed}.classified-btn-outline{background:#fff0;border:2px solid var(--auth-border);color:var(--auth-text)}.classified-btn-outline:hover{border-color:var(--auth-primary)}.classified-btn-block{width:100%}.classified-form-footer{text-align:center;margin:16px 0}.classified-auth-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--auth-text-light)}.classified-auth-footer span{margin-right:4px}.classified-auth-footer-alt{text-align:center;margin:16px 0;font-size:14px;color:var(--auth-text-light)}.classified-auth-footer-alt strong{color:var(--auth-text)}.classified-link-primary{color:var(--color-primary-dark);text-decoration:none;font-weight:600}.classified-link-primary:hover{text-decoration:underline}.classified-alert{padding:12px 16px;border-radius:var(--auth-radius);margin-bottom:20px;font-size:14px;line-height:1.5}.classified-alert-success{background:rgb(39 174 96 / .1);border:1px solid var(--auth-success);color:var(--auth-success)}.classified-alert-error{background:rgb(231 76 60 / .1);border:1px solid var(--auth-error);color:var(--auth-error)}.classified-btn.loading{position:relative;color:#fff0;pointer-events:none}.classified-btn.loading::after{content:'';position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:spin 0.6s linear infinite}.classified-login-step,.classified-signup-step{display:none}.classified-login-step.active,.classified-signup-step.active{display:block}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:768px){.classified-modal-container{display:flex;align-items:center;justify-content:center;padding:20px}.classified-modal-content{min-height:auto;max-width:480px;width:100%;border-radius:12px;box-shadow:0 8px 32px rgb(0 0 0 / .2);overflow:hidden}.classified-modal-header{position:relative}}@media (min-width:1024px){.classified-modal-content{max-width:520px}.classified-auth-buttons{gap:14px}.classified-auth-btn,.classified-form-control,.classified-btn{height:52px}}@media print{.classified-auth-modal{display:none!important}}