.vendor-registration-page{display:flex;padding:60px 20px 100px;flex-direction:column;align-items:center;gap:20px;min-height:100vh;background:#f8f9fa}.vendor-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.vendor-registration-container{display:flex;width:100%;max-width:1020px;flex-direction:column;align-items:flex-start;gap:10px}.vendor-submit-message{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.vendor-complete-button{width:100%;padding:12px 24px;background:#3b82f6;color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.vendor-complete-button:hover{background:#2563eb}.vendor-submit-messages{display:flex;flex-direction:column;gap:8px}.vendor-modal-container{background:white;border-radius:12px;width:100%;max-width:500px;box-shadow:0 10px 25px rgba(0,0,0,.15);overflow:hidden}.vendor-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0}.vendor-modal-title{font-size:18px;font-weight:600;color:#111827;margin:0}.vendor-modal-close{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;transition:color .2s ease}.vendor-modal-close:hover{color:#374151}.vendor-modal-content{padding:20px 24px}.vendor-otp-success-banner{background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;padding:12px 16px;margin-bottom:24px}.vendor-otp-success-banner p{color:#065f46;font-size:14px;margin:0;text-align:center}.vendor-otp-input-section{margin-bottom:20px}.vendor-otp-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:12px}.vendor-otp-inputs{display:flex;gap:8px;justify-content:center}.vendor-otp-input{width:40px;height:40px;border:1px solid #d1d5db;border-radius:8px;text-align:center;font-size:18px;font-weight:600;color:#111827;background:white;transition:border-color .2s ease,box-shadow .2s ease}.vendor-otp-input:focus{outline:none;border-color:#FF4500;box-shadow:0 0 0 3px rgba(255,69,0,.1)}.vendor-otp-timer-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.vendor-timer-info{display:flex;align-items:center;gap:6px}.vendor-timer-text{font-size:14px;color:#6b7280}.vendor-clock-icon{color:#6b7280}.vendor-timer-count{font-size:14px;font-weight:600;color:#111827}.vendor-resend-button{display:flex;align-items:center;gap:6px;background:none;border:none;color:#3b82f6;font-size:14px;cursor:pointer;transition:color .2s ease}.vendor-resend-button:hover{color:#1d4ed8}.vendor-modal-footer{padding:0 24px 24px}.vendor-verify-otp-button{width:100%;padding:12px 24px;background:#584EEF;color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.vendor-verify-otp-button:hover:not(:disabled){background:#4c3dd4}.vendor-verify-otp-button:disabled{background:#9ca3af;cursor:not-allowed}.vendor-success-content{padding:20px 24px 24px;text-align:center}.vendor-success-icon{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:24px}.vendor-shield-icon{color:#3b82f6;background:#dbeafe;border:2px solid #3b82f6;border-radius:50%;padding:12px}.vendor-check-icon{position:absolute;color:#3b82f6;background:white;border-radius:50%;padding:4px}.vendor-success-text{margin-bottom:24px}.vendor-success-title{font-size:30px;font-weight:600;color:#111827;margin:0 0 12px}.vendor-success-message{font-size:16px;color:#535862;line-height:1.5;max-width:282px;margin:0 auto}.vendor-continue-button{width:100%;padding:12px 24px;background:#584EEF;color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.vendor-continue-button:hover{background:#4c3dd4}.vendor-submit-modal{max-width:400px}.vendor-submit-content{padding:20px 24px 24px;text-align:center}.vendor-submit-icon{display:flex;justify-content:center;align-items:center;margin-bottom:24px}.vendor-check-circle-icon{color:#10b981}.vendor-submit-text{margin-bottom:24px}.vendor-submit-title{font-size:20px;font-weight:600;color:#111827;margin:0 0 16px}.vendor-registration-header{display:flex;height:72px;padding:0 20px;justify-content:center;align-items:center;align-self:stretch;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;box-shadow:0 1px 2px 0 rgba(10,13,18,.05)}.vendor-registration-title{color:#111827;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:30px;font-weight:700;line-height:38px;margin:0}.vendor-registration-form-container{display:flex;width:100%;flex-direction:column;align-items:center;gap:20px}.vendor-form-section{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:12px;border:1px solid #e5e7eb;background:#ffffff;box-shadow:0 1px 3px 0 rgba(10,13,18,.1),0 1px 2px 0 rgba(10,13,18,.06)}.vendor-section-header{display:flex;padding:20px;align-items:center;align-self:stretch}.vendor-section-title{color:#111827;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:18px;font-weight:400;line-height:28px;margin:0}.vendor-required{color:#dc2626;margin-left:2px}.vendor-form-content{padding:0 20px 20px;flex-direction:column;align-items:flex-start}.vendor-form-content,.vendor-form-row{display:flex;gap:20px;align-self:stretch}.vendor-form-field{display:flex;flex-direction:column;flex:1 1;gap:6px;width:100%}.vendor-form-label{color:#414651;font-size:14px;font-weight:500;line-height:20px;margin:0}.vendor-form-input{display:flex;padding:10px 16px;align-items:center;align-self:stretch;border-radius:8px;border:1px solid #d5d7da;background:#ffffff;box-shadow:0 1px 2px 0 rgba(10,13,18,.05);font-size:16px;font-weight:400;line-height:24px;color:#1f2937;transition:border-color .2s ease,box-shadow .2s ease}.vendor-form-input:placeholder-shown{text-overflow:ellipsis}.vendor-form-input:focus{outline:none;border-color:#FF4500;box-shadow:0 0 0 3px rgba(255,69,0,.1)}.vendor-disabled-input{background:#f9fafb;color:#6b7280;cursor:not-allowed}.vendor-mobile-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.vendor-mobile-input{width:100%;padding-right:120px}.vendor-mobile-not-verified{border-color:#f59e0b!important;box-shadow:0 0 0 3px rgba(245,158,11,.1)!important}.vendor-verify-button{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#6941C6;font-size:14px;font-weight:500;line-height:20px;background:none;border:none;cursor:pointer;padding:0;text-decoration:none;white-space:nowrap;transition:color .2s ease,opacity .2s ease;z-index:1}.vendor-verify-button:hover:not(:disabled){color:#5a36a8;text-decoration:none}.vendor-verify-button:disabled{color:#9ca3af;cursor:not-allowed;opacity:.6;text-decoration:none}.vendor-form-textarea{display:flex;padding:10px 14px;align-items:flex-start;align-self:stretch;border-radius:8px;border:1px solid #d1d5db;background:#ffffff;box-shadow:0 1px 2px 0 rgba(10,13,18,.05);font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#1f2937;resize:vertical;min-height:120px;transition:border-color .2s ease,box-shadow .2s ease}.vendor-form-textarea:focus{outline:none;border-color:#FF4500;box-shadow:0 0 0 3px rgba(255,69,0,.1)}.vendor-form-textarea::placeholder{color:#6b7280}.vendor-select-wrapper{position:relative;width:100%}.vendor-form-select{display:flex;padding:10px 40px 10px 16px;align-items:center;align-self:stretch;border-radius:8px;border:1px solid #d1d5db;background:#ffffff;box-shadow:0 1px 2px 0 rgba(10,13,18,.05);font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#1f2937;appearance:none;width:100%;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.vendor-form-select:focus{outline:none;border-color:#FF4500;box-shadow:0 0 0 3px rgba(255,69,0,.1)}.vendor-select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;width:20px;height:20px}.vendor-action-buttons{width:100%;padding:10px;justify-content:space-between;border-radius:8px;border:1px solid #e5e7eb}.vendor-action-buttons,.vendor-cancel-button{display:flex;align-items:center;background:#ffffff;box-shadow:0 1px 2px 0 rgba(10,13,18,.05)}.vendor-cancel-button{padding:10px 18px;justify-content:center;gap:8px;border-radius:8px;border:1px solid #d1d5db;color:#374151;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:16px;font-weight:700;line-height:24px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.vendor-cancel-button:hover{background-color:#f9fafb;border-color:#9ca3af}.vendor-submit-button{display:flex;padding:10px 18px;justify-content:center;align-items:center;gap:8px;border-radius:8px;border:1px solid #ff4500;background:#FF4500;box-shadow:0 1px 2px 0 rgba(10,13,18,.05);color:#ffffff;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:16px;font-weight:700;line-height:24px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.vendor-submit-button:hover{background:#e63900;border-color:#e63900}.vendor-submit-incomplete{cursor:not-allowed}.vendor-submit-incomplete,.vendor-submit-incomplete:hover{background:#E9D7FE!important;border-color:#E9D7FE!important;color:#6941C6!important}.vendor-submit-complete{background:#6941C6!important;border-color:#6941C6!important;color:#ffffff!important;cursor:pointer}.vendor-submit-complete:hover{background:#5a36a8!important;border-color:#5a36a8!important}.vendor-input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.1)!important}.vendor-error-message{color:#ef4444}.vendor-error-message,.vendor-loading-text{font-size:12px;font-weight:400;display:block}.vendor-loading-text{color:#6b7280;margin-top:4px;font-style:italic}.vendor-form-select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.vendor-submit-error{margin-top:16px;text-align:center}.vendor-submit-button:disabled{opacity:.6;cursor:not-allowed}.vendor-redirect-message{color:#6b7280;font-style:italic;margin-top:8px}@media (max-width:1024px){.vendor-registration-container{max-width:800px}.vendor-registration-title{font-size:26px;line-height:34px}}@media (max-width:768px){.vendor-registration-page{padding:15px}.vendor-registration-container{max-width:100%}.vendor-registration-header{height:60px;padding:0 15px}.vendor-registration-title{font-size:22px;line-height:30px}.vendor-form-row{flex-direction:column;gap:15px}.vendor-form-content{padding:0 15px 15px;gap:15px}.vendor-section-header{padding:15px}.vendor-mobile-input-wrapper{position:relative}.vendor-mobile-input{padding-right:100px}.vendor-verify-button{position:absolute;right:6px;font-size:12px;padding:2px 6px}.vendor-action-buttons{flex-direction:column;gap:10px;align-items:stretch}.vendor-cancel-button,.vendor-submit-button{width:100%}}@media (max-width:480px){.vendor-registration-page{padding:10px}.vendor-registration-header{height:50px;padding:0 10px}.vendor-registration-title{font-size:18px;line-height:26px}.vendor-form-content{padding:0 12px 12px;gap:12px}.vendor-section-header{padding:12px}.vendor-section-title{font-size:16px;line-height:24px}.vendor-form-input,.vendor-form-select,.vendor-form-textarea{font-size:14px;padding:8px 12px}.vendor-form-label{font-size:12px}.vendor-cancel-button,.vendor-submit-button{font-size:14px;padding:8px 16px}.vendor-modal-overlay{padding:16px}.vendor-modal-container{max-width:100%}.vendor-modal-header{padding:16px 20px 0}.vendor-modal-content{padding:16px 20px}.vendor-modal-footer{padding:0 20px 20px}.vendor-submit-content,.vendor-success-content{padding:16px 20px 20px}.vendor-otp-input{width:36px;height:36px;font-size:16px}.vendor-otp-inputs{gap:6px}}