.onboarding-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;z-index:9999;padding:.5rem;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:100vh}@media (min-width:640px){.onboarding-modal-overlay{align-items:center;padding:1rem}}.onboarding-modal{background:linear-gradient(135deg,rgba(17,17,17,.95),rgba(10,10,10,.98));border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.8);max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;position:relative;overflow:hidden;margin:auto}@media (max-width:639px){.onboarding-modal{max-height:95vh;border-radius:16px;margin:.5rem 0}}.logout-button{position:fixed;top:1.5rem;right:1.5rem;z-index:10001;background:rgba(0,0,0,.6);border:1px solid rgba(239,68,68,.3);cursor:pointer;padding:.75rem;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(8px)}.logout-button:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5);transform:scale(1.05)}.logout-icon{width:24px;height:24px;color:#ef4444;transition:all .3s ease}.logout-button:hover .logout-icon{color:#dc2626;transform:scale(1.1)}.onboarding-modal-header{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,rgba(64,25,81,.05),transparent)}.header-left{flex:1;display:flex;align-items:center;gap:.75rem}.header-logo{height:32px;width:auto}.header-brand-name{font-size:1.5rem;font-weight:800;color:white;letter-spacing:.05em;text-transform:uppercase}.header-center{flex:2;display:flex;flex-direction:column;align-items:center;text-align:center}.header-right{flex:1;display:flex;justify-content:flex-end}.steps-indicator-container.modal-steps{width:auto;margin-bottom:0;padding:0;background:transparent}.modal-steps .steps-indicator{width:auto;justify-content:flex-end;gap:1rem}.modal-steps .step-connector{min-width:40px;max-width:80px}.onboarding-modal-header h1{font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,#c084fc,#4c1d51);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.onboarding-modal-header p{color:rgba(255,255,255,.6);font-size:.875rem}.onboarding-modal-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:1rem 1.25rem;-webkit-overflow-scrolling:touch}@media (min-width:640px){.onboarding-modal-content{padding:1.5rem}}.onboarding-modal-content::-webkit-scrollbar{width:8px}.onboarding-modal-content::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}.onboarding-modal-content::-webkit-scrollbar-thumb{background:rgba(61,25,78,.5);border-radius:4px}.onboarding-modal-content::-webkit-scrollbar-thumb:hover{background:rgba(76,29,81,.7)}.onboarding-modal-footer{padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;background:rgba(0,0,0,.3);flex-shrink:0}@media (min-width:640px){.onboarding-modal-footer{padding:1rem 1.5rem;gap:1rem}}.step-counter{font-size:.875rem;color:rgba(255,255,255,.6);font-weight:500}.btn-primary,.btn-secondary{padding:.75rem 2rem;border-radius:12px;font-weight:600;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;outline:none}.btn-primary{background:linear-gradient(135deg,#371952,#4c1d51);color:white;box-shadow:0 4px 16px rgba(55,25,82,.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(76,29,81,.5);background:linear-gradient(135deg,#401951,#3d194e)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:rgba(255,255,255,.05);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:rgba(255,255,255,.1);color:white}.btn-primary:disabled,.btn-secondary:disabled{opacity:.4;cursor:not-allowed;transform:none}.form-step{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-header,.step-header h2{margin-bottom:.5rem}.step-header h2{font-size:1.5rem;font-weight:700;color:white}.step-header p{color:rgba(255,255,255,.6);font-size:.875rem}.form-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:640px){.form-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width:1024px){.form-grid{gap:1.5rem}}.form-grid-step1{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:640px){.form-grid-step1{grid-template-columns:repeat(2,1fr);gap:1.25rem}.form-grid-step1 .form-group.col-sm-full{grid-column:1/-1}}@media (min-width:1024px){.form-grid-step1{grid-template-columns:repeat(12,1fr);gap:1.5rem}.form-grid-step1 .form-group.col-sm-full{grid-column:span 6}.form-grid-step1 .form-group.col-lg-3{grid-column:span 3}.form-grid-step1 .form-group.col-lg-6{grid-column:span 6}}.form-group{display:flex;flex-direction:column;gap:.5rem;min-width:0}.form-group-flex .editor-wrapper{flex:1;min-width:0}.form-group.full-width{grid-column:1/-1}.form-group label{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.8)}.required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:white;font-size:.875rem;transition:all .3s ease;outline:none;width:100%;max-width:100%;box-sizing:border-box}.form-group textarea{resize:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4c1d51;background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(64,25,81,.2)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.error-message{color:#ef4444}.error-message,.helper-text{font-size:.75rem;margin-top:.25rem}.helper-text{color:rgba(255,255,255,.5)}option{background-color:#1a1a1a;color:white}.image-preview{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);position:relative}.image-preview img{width:100%;height:100%;object-fit:cover;display:block}.image-preview.cover{width:100%;height:200px}.add-btn{padding:.5rem 1rem;border-radius:8px;background:rgba(64,25,81,.2);border:1px solid rgba(76,29,81,.4);color:#c084fc;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.add-btn:hover{background:rgba(64,25,81,.3);border-color:#4c1d51}.info-box{padding:1rem;border-radius:10px;background:rgba(30,17,71,.2);border:1px solid rgba(64,25,81,.3);color:rgba(255,255,255,.8);font-size:.875rem;line-height:1.5}.info-box strong{color:#c084fc}input[type=file]{font-size:.875rem;color:rgba(255,255,255,.8)}input[type=file]::file-selector-button{margin-right:.5rem;padding:.5rem 1rem;border-radius:8px}input[type=file]::file-selector-button:hover{background:rgba(255,255,255,.2)}@media (max-width:639px){.logout-button{top:.75rem;right:.75rem;padding:.5rem}.logout-icon{width:20px;height:20px}.onboarding-modal-header{flex-direction:column;gap:.75rem;padding:.75rem 1rem 1rem}.onboarding-modal-header h1{font-size:1.25rem;line-height:1.3}.onboarding-modal-header p{font-size:.8125rem}.header-center,.header-left,.header-right{width:100%;justify-content:center;flex:none}.header-left{order:1}.header-center{order:2}.header-right{order:3}.header-logo{height:28px}.header-brand-name{font-size:1.25rem}.modal-steps .steps-indicator{justify-content:center}.btn-primary,.btn-secondary{padding:.625rem 1rem;font-size:.8125rem;min-height:44px;flex:1;min-width:0}.onboarding-modal-footer{flex-direction:row;align-items:center}.step-counter{order:0;width:100%;text-align:center;font-size:.8125rem}}@media (min-width:640px) and (max-width:1023px){.onboarding-modal-header h1{font-size:1.5rem}}@media (max-width:768px){.onboarding-modal-header h1{font-size:1.375rem}}.field-footer{display:flex;justify-content:space-between;margin-top:.25rem}.char-count{font-size:.75rem;color:rgba(255,255,255,.4)}.file-upload-wrapper{display:flex;align-items:center;gap:1rem}.cover-preview-box,.logo-preview-box{border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.logo-preview-box{width:50px;height:50px}.cover-preview-box{width:100px;height:50px}.cover-preview-box img,.logo-preview-box img{width:100%;height:100%;object-fit:cover}.offers-input-group{display:flex;gap:.5rem;margin-bottom:.75rem}.offers-input-group input{flex:1}.btn-add{padding:.5rem 1rem;background:#4c1d51;color:white;border:none;border-radius:8px;cursor:pointer;font-size:.8125rem;font-weight:600;transition:all .2s ease}.btn-add:hover:not(:disabled){background:#3d194e}.btn-add:disabled{opacity:.5;cursor:not-allowed}.offers-list{display:flex;flex-wrap:wrap;gap:.5rem}.offer-tag{background:rgba(192,132,252,.1);border:1px solid rgba(192,132,252,.2);color:#c084fc;padding:.35rem .75rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;font-size:.8125rem}.offer-tag button{border:none;background:none;color:#c084fc;font-weight:700;cursor:pointer;font-size:1.1rem;padding:0;line-height:1}.standard-height{height:45px;display:flex;align-items:center}.file-upload-wrapper.standard-height input{height:45px;width:100%;margin:0;padding:0 .5rem;cursor:pointer;background:rgba(255,255,255,.05);box-sizing:border-box;line-height:45px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:rgba(255,255,255,.8)}input[type=file]::file-selector-button{margin-right:.75rem;height:33px;line-height:1;padding:0 1rem;border-radius:6px;background:rgba(255,255,255,.1);border:none;color:white;cursor:pointer;transition:background .3s ease;vertical-align:middle;box-sizing:border-box}.offers-input-group.standard-height{gap:.5rem}.offers-input-group.standard-height input{height:45px}.offers-input-group.standard-height .btn-add{height:45px;white-space:nowrap}.form-group input{height:45px}