@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.onboarding-container{display:flex;justify-content:center;align-items:center;width:100%;padding:20px 15px}.onboarding-card{background-color:var(--bg-primary);border-radius:12px;box-shadow:var(--card-shadow);width:100%;max-width:600px;padding:35px;transition:all .3s ease}.onboarding-card h2{text-align:center;margin-bottom:30px;color:var(--text-color);font-weight:600;font-size:24px}.form-description{margin-bottom:25px;font-size:15px;line-height:1.6;color:var(--text-secondary, #4b5563);text-align:left;background-color:rgba(var(--primary-rgb, 18, 112, 227),.05);border-left:4px solid var(--primary-color, #1270e3);border-radius:8px;padding:16px 20px;letter-spacing:.01em;word-spacing:.05em;box-shadow:0 1px 3px #0000000d}.uppercase-input{text-transform:uppercase}.uppercase-input::placeholder{text-transform:none!important}.section-subtitle{font-size:14px;color:var(--text-secondary);margin-top:-5px;margin-bottom:15px;font-weight:400;letter-spacing:.01em}.form-group{margin-bottom:16px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 16px;border:1px solid var(--input-border);border-radius:8px;font-size:16px;transition:all .3s ease;background-color:var(--input-bg);color:var(--input-text);box-shadow:0 2px 4px #0000000d}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea,[data-theme=dark] .form-group select{color:var(--input-text)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.radio-group-label{margin-bottom:12px}.radio-group{display:flex;gap:15px}.radio-label{display:flex;align-items:center;padding:10px 15px;border:1px solid var(--input-border);border-radius:4px;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center;background-color:var(--bg-primary)}.radio-label input{position:absolute;opacity:0;width:0;height:0}.radio-label span{margin-left:8px;color:var(--text-color)}.radio-label.active{background-color:rgba(var(--primary-rgb, 18, 112, 227),.1);border-color:var(--primary-color);color:var(--primary-color);font-weight:500}.submit-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:500;cursor:pointer;width:100%;transition:all .3s ease;box-shadow:0 2px 5px rgba(var(--primary-rgb),.2)}.submit-button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--primary-rgb),.3)}.submit-button:disabled{background-color:var(--disabled-color);cursor:not-allowed;transform:none;box-shadow:none}.form-navigation{display:flex;gap:12px;margin-top:28px}.back-button{background-color:var(--bg-accent);color:var(--text-secondary);border:1px solid var(--input-border);border-radius:8px;padding:14px 24px;font-size:16px;font-weight:500;cursor:pointer;flex:1;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.back-button:hover{background-color:var(--border-color);transform:translateY(-1px);box-shadow:0 3px 6px #00000014}.form-navigation .submit-button{flex:2}.form-row{display:flex;gap:15px}.form-group.half{flex:1;margin-bottom:20px}.package-options{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap}.package-option{display:flex;flex-direction:column;border:1px solid var(--input-border);border-radius:8px;padding:15px;cursor:pointer;transition:all .3s ease;flex:1;min-width:120px;background-color:var(--bg-primary)}.package-option input{position:absolute;opacity:0;width:0;height:0}.package-option.active{background-color:rgba(var(--primary-rgb, 18, 112, 227),.05);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb, 18, 112, 227),.1)}.package-details{text-align:center}.package-details h3{margin:0 0 5px;font-size:18px;color:var(--text-color)}.package-details .price{font-weight:600;color:var(--primary-color);font-size:18px;margin:5px 0 10px}.package-details p{color:var(--text-secondary)}.bank-info{background-color:var(--bg-accent);border-radius:8px;padding:15px;margin-top:15px}.bank-info h3{margin-top:0;font-size:18px;color:var(--text-color)}.bank-info p{margin:10px 0;color:var(--text-secondary)}.bank-info .note{font-style:italic;color:var(--text-muted);margin-top:15px;font-size:14px}.summary-container{margin-bottom:30px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.summary-section{padding:15px;border-bottom:1px solid var(--border-color)}.summary-section:last-child{border-bottom:none}.summary-section h3{margin-top:0;margin-bottom:10px;font-size:18px;color:var(--text-color)}.summary-section p{margin:8px 0;color:var(--text-secondary)}.summary-section .notice{font-style:italic;color:var(--text-muted);margin-top:10px}.checkbox-group{margin-top:16px}.checkbox-label input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;margin-right:10px;margin-top:2px;accent-color:var(--primary-color);cursor:pointer}.checkbox-label span{flex:1;color:var(--text-color);font-size:15px;line-height:1.4}.checkbox-label a{color:var(--primary-color);text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.success-card{text-align:center;padding:40px 30px}.success-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:var(--primary-color);color:#fff;font-size:40px;border-radius:50%;margin:0 auto 20px}.contact-info,.reference-number{margin-top:20px;color:var(--text-color)}@media (max-width: 768px){.onboarding-card{padding:20px 16px;border-radius:10px}.onboarding-card h2{font-size:22px;margin-bottom:18px}.form-group{margin-bottom:14px}.checkbox-group{margin-top:14px}.checkbox-label{margin-bottom:6px}.checkbox-label input[type=checkbox]{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:8px;margin-top:1px}.checkbox-label span{font-size:14px;line-height:1.3}.form-row{flex-direction:column;gap:12px}.form-group.half{width:100%}.package-options{flex-direction:column;gap:10px}.package-option{width:100%;min-width:100%}.form-description{padding:12px 16px;font-size:14px;margin-bottom:16px}.form-navigation{margin-top:20px;gap:10px}.submit-button,.back-button{padding:12px 18px;font-size:15px}}@media (max-width: 480px){.onboarding-container{padding:12px 8px}.onboarding-card{padding:16px 12px;border-radius:8px}.onboarding-card h2{font-size:20px;margin-bottom:12px}.form-group{margin-bottom:12px}.checkbox-group{margin-top:12px}.checkbox-label{margin-bottom:4px;align-items:flex-start}.checkbox-label input[type=checkbox]{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:8px;margin-top:1px;flex-shrink:0}.checkbox-label span{font-size:14px;line-height:1.3;word-wrap:break-word}.form-group label{font-size:14px;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;font-size:15px}.form-navigation{flex-direction:column;gap:8px;margin-top:16px}.form-navigation .submit-button,.form-navigation .back-button{width:100%;flex:none;padding:12px 16px}.form-navigation .back-button{order:2}.form-navigation .submit-button{order:1}}.otp-verification{display:flex;flex-direction:column;gap:15px}.otp-verification h3{font-size:1.5rem;margin-bottom:5px;color:var(--primary-color)}.otp-verification p{margin-bottom:10px;color:var(--text-color)}.otp-timer{background-color:rgba(var(--primary-rgb),.1);padding:10px;border-radius:5px;text-align:center}.otp-actions{display:flex;flex-direction:column;gap:10px}.text-button{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:8px;font-size:.9rem;text-decoration:underline;transition:color .2s ease}.text-button:hover{color:rgba(var(--primary-rgb),.8)}.text-button:disabled{color:var(--disabled-color);cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.otp-modal{background-color:var(--bg-primary);border-radius:8px;box-shadow:0 4px 25px #00000026;width:90%;max-width:420px;padding:24px;text-align:center;animation:modalFadeIn .3s ease;margin:20px;max-height:90vh;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.otp-modal h2{font-size:1.5rem;margin-bottom:15px;color:var(--text-color)}.otp-modal p{margin-bottom:20px;color:var(--text-color);font-size:1rem;line-height:1.5}.otp-input-container{display:flex;justify-content:center;gap:10px;margin:20px 0;flex-wrap:wrap}.otp-input-container input{width:50px;height:50px;text-align:center;font-size:20px;font-weight:700;border:1px solid var(--input-border);border-radius:4px;background-color:var(--bg-primary);color:var(--text-color);flex-shrink:0}.otp-input-container input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.otp-timer{background-color:rgba(var(--primary-rgb),.1);padding:10px;border-radius:5px;margin:15px 0;font-size:.9rem}.otp-error{color:#e53935;font-size:14px;margin:10px 0;text-align:center}.otp-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.otp-submit-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:12px 20px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.otp-submit-button:hover{background-color:var(--primary-hover)}.otp-submit-button:disabled{background-color:var(--disabled-color);cursor:not-allowed}.otp-resend-button,.otp-cancel-button{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:8px;font-size:.9rem;text-decoration:underline;transition:all .2s ease}.otp-resend-button:hover,.otp-cancel-button:hover{color:#fff;background-color:var(--primary-color);text-decoration:none;border-radius:4px}@media (max-width: 480px){.otp-modal{width:95%;max-width:none;padding:20px;margin:10px;border-radius:6px}.otp-modal h2{font-size:1.3rem;margin-bottom:12px}.otp-modal p{font-size:.9rem;margin-bottom:16px;line-height:1.4}.otp-input-container{gap:8px;margin:16px 0;justify-content:center}.otp-input-container input{width:40px;height:40px;font-size:18px}.otp-timer{padding:8px;margin:12px 0;font-size:.85rem}.otp-actions{gap:10px;margin-top:16px}.otp-submit-button{padding:10px 16px;font-size:.9rem}.otp-resend-button,.otp-cancel-button{font-size:.85rem;padding:6px}}@media (max-width: 375px){.otp-modal{width:98%;padding:16px;margin:5px}.otp-modal h2{font-size:1.2rem}.otp-input-container{gap:6px}.otp-input-container input{width:35px;height:35px;font-size:16px}}.preloader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000059;z-index:2000;display:flex;align-items:center;justify-content:center}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:18px;background:var(--bg-primary, #222);padding:32px 40px;border-radius:12px;box-shadow:0 4px 24px #0000002e}.spinner{width:48px;height:48px;border:5px solid #e0e0e0;border-top:5px solid var(--primary-color, #5a6ff0);border-radius:50%;animation:spin 1s linear infinite}.preloader-text{color:var(--text-color, #fff);font-size:1.1rem;font-weight:500;text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container{background-color:var(--bg-primary);width:90%;max-width:500px;border-radius:8px;box-shadow:var(--card-shadow);overflow:hidden;animation:fadeIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--primary-color);color:#fff}.modal-header h3{margin:0;font-size:1.2rem;font-weight:600}.close-button{background:transparent;border:none;font-size:1.5rem;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.close-button:hover{background-color:#ffffff1a;border-radius:50%}.modal-content{padding:1.5rem}.company-info{margin-bottom:1.5rem;background-color:var(--bg-accent);padding:1rem;border-radius:6px}.info-row{display:flex;margin-bottom:.75rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.info-row:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.info-label{font-weight:600;min-width:120px;color:var(--text-secondary)}.info-value{flex:1;color:var(--text-color)}.modal-actions{display:flex;justify-content:space-between;gap:1rem}.btn-primary,.btn-secondary{flex:1;padding:.8rem;border-radius:6px;border:none;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary:hover{background-color:var(--bg-secondary)}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center;margin-bottom:1rem}.error-icon{font-size:40px;color:#e53935;margin-bottom:1rem}.error-message{color:var(--text-color);font-size:1rem;line-height:1.5;margin:0}@media (max-width: 480px){.modal-container{width:95%;max-height:90vh;overflow-y:auto}.info-row{flex-direction:column}.info-label{margin-bottom:.25rem}.modal-actions{flex-direction:column}}.webhook-info{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.webhook-info h4{margin:15px 0 10px;color:var(--text-color);font-size:16px}.info-list{margin-bottom:15px}.info-item{padding:8px 12px;background-color:var(--bg-accent);border-radius:4px;margin-bottom:8px;color:var(--text-color);font-size:14px}.info-item:last-child{margin-bottom:0}.error-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:3000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.error-modal-container{background-color:var(--bg-primary, #fff);width:90%;max-width:320px;border-radius:16px;box-shadow:0 4px 12px #00000026;overflow:hidden;animation:fadeIn .3s ease-out;padding:0}.error-modal-header{display:flex;justify-content:center;padding:24px 16px 0}.error-icon-container{margin-bottom:16px}.error-icon{width:48px;height:48px;margin:0 auto}.error-modal-content{display:flex;flex-direction:column;align-items:center;padding:0 16px;text-align:center}.error-title{font-size:18px;font-weight:600;margin:0 0 8px;color:#333}.error-message{font-size:16px;line-height:1.5;color:var(--text-color, #333);margin:0;background-color:var(--bg-accent, #f5f5f5);padding:12px;border-radius:8px;width:100%}.error-modal-footer{padding:16px 16px 24px;display:flex;justify-content:center}.error-button{background-color:var(--primary-color, #FF3B30);color:#fff;border:none;border-radius:8px;padding:12px 0;width:100%;font-weight:500;font-size:14px;cursor:pointer;transition:background-color .2s}.error-button:hover{background-color:var(--primary-hover, #E0352B)}@media (max-width: 480px){.error-modal-container{width:85%}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;margin-bottom:20px}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.error-container{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;padding:15px;margin-bottom:20px}.package-info{background-color:var(--bg-accent);border-radius:8px;padding:16px;margin-bottom:24px}.package-info h3{color:var(--text-color);font-size:18px;margin:12px 0 8px;font-weight:600}.package-info h3:first-child{margin-top:0}.info-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.info-item{background-color:var(--bg-primary);padding:12px;border-radius:8px;color:var(--text-color);font-size:15px;border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer}.info-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a;border-color:var(--primary-color)}.onboarding-card h2{text-align:center;margin-bottom:12px;color:var(--text-color);font-weight:600}.section{margin-bottom:12px}.section h3{margin-bottom:6px;color:var(--text-secondary);font-weight:600}.section-subtitle{font-size:14px;color:var(--text-secondary);margin-top:-2px;margin-bottom:6px;font-weight:400;letter-spacing:.01em}.option-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:8px}.option-card{background:var(--bg-primary);border:1px solid #e5e7eb;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;align-items:flex-start;position:relative}.option-card.selected{border-color:var(--primary-color);background:#f0f6ff;box-shadow:0 4px 16px #0050ff14}[data-theme=dark] .option-card{background:var(--bg-secondary);border:2px solid var(--border-color);box-shadow:0 2px 8px #0000002e}.option-title-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.option-info{display:flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;min-height:18px;background:none;border-radius:50%;margin-right:4px;padding:0;transition:all .2s ease}.option-info svg{width:18px;height:18px;transition:all .2s ease}.option-card:hover .option-info svg circle:first-child{stroke-width:2.5}.option-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.option-title{font-size:16px;font-weight:600;color:#111827;margin-bottom:0;display:flex;align-items:center}.option-desc-list{margin:0;padding:0;color:var(--text-secondary);font-size:14px;list-style:none}@media (max-width: 700px){.option-list{grid-template-columns:1fr;gap:12px}}.form-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.back-button,.submit-button{padding:12px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.back-button{background-color:var(--bg-accent);color:var(--text-color);border:1px solid var(--border-color)}.back-button:hover{background-color:var(--bg-secondary)}.submit-button{background-color:var(--primary-color);color:#fff;border:none}.submit-button:hover{background-color:var(--primary-hover)}.submit-button:disabled{background-color:var(--bg-accent);color:var(--text-color);border:1px solid var(--border-color);cursor:not-allowed;box-shadow:none}@media (max-width: 480px){.package-info{padding:12px;margin-bottom:18px}.section{margin-bottom:20px}.option-card{padding:12px 14px 10px}.option-info{width:16px;height:16px;min-width:16px;min-height:16px}.option-info svg{width:16px;height:16px}.form-navigation{flex-direction:column;gap:8px;margin-top:18px}.back-button,.submit-button{width:100%}}.expand-toggle-btn{background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:10px 22px;font-size:1rem;font-weight:500;cursor:pointer;margin:0 auto;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #4361ee14}.expand-toggle-btn:hover{background:var(--primary-hover)}.form-description{margin-bottom:8px;font-size:15px;line-height:1.4;color:var(--text-secondary, #4b5563);text-align:left;background-color:rgba(var(--primary-rgb, 18, 112, 227),.05);border-left:4px solid var(--primary-color, #1270e3);border-radius:8px;padding:8px 14px;letter-spacing:.01em;word-spacing:.05em;box-shadow:0 1px 3px #0000000d}.option-card.compact{padding:8px 12px;min-height:auto;border:1px solid var(--border-color);background:var(--bg-accent);transition:all .2s ease}.option-card.compact:hover{border-color:var(--primary-color);background:var(--bg-primary);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}[data-theme=dark] .option-card.compact{background:var(--bg-accent);border:1px solid var(--border-color)}[data-theme=dark] .option-card.compact:hover{background:var(--bg-secondary);border-color:var(--primary-color)}[data-theme=dark] .option-title,[data-theme=dark] .option-desc-list{color:var(--text-color)}.option-card.compact .option-title-row{margin-bottom:0}.option-card.compact .option-info{width:14px;height:14px;min-width:14px;min-height:14px}.option-card.compact .option-info svg{width:14px;height:14px}.option-card.compact .option-title{font-size:14px;font-weight:500}.option-card.compact .option-desc-list{display:none}.package-image-container{width:100%;margin:12px 0;border-radius:12px;overflow:visible;background:transparent;border:none;position:relative;display:flex;align-items:center;justify-content:center}.package-image{width:100%;height:280px;object-fit:contain;object-position:center;display:block;transition:transform .3s ease;background:transparent;padding:0;filter:drop-shadow(0 6px 16px rgba(59,131,246,.7))}.package-image:hover{transform:scale(1.05)}.commission-image-container-above-title{width:100%;max-width:450px;margin:0 auto 4px;border-radius:16px;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}.commission-image-above-title{width:100%;height:140px;object-fit:contain;object-position:center;display:block;transition:transform .3s ease;background:transparent;padding:0;border-radius:16px}.commission-image-above-title:hover{transform:scale(1.05)}.commission-description-only{margin-top:4px}.option-card.selected{border-color:var(--primary-color);background:#fff;box-shadow:0 8px 25px #0050ff1f;border-width:2px}.option-card.selected .package-content{display:flex;gap:16px;align-items:flex-start;margin-top:10px}.option-card.selected .package-description{flex:2;min-width:0;order:2}.option-card.selected .package-image-container{flex:0 0 110px;width:160px;order:2;height:auto;margin:0 0 0 auto}.option-card.selected .package-image{width:100%;height:110px;object-fit:contain;border-radius:8px;margin:0;filter:drop-shadow(0 6px 16px rgba(59,130,246,.6))}.option-card.selected .commission-content{display:flex;gap:20px;align-items:flex-start;margin-top:12px}.option-card.selected .commission-description{flex:2;min-width:0}.option-card.selected .commission-image-container{flex:0 0 240px;width:240px;margin:0;order:2;height:auto}.option-card.selected .commission-image{width:100%;height:180px;border-radius:8px;margin:0}[data-theme=dark] .option-card.selected{background:#232b3b;border-color:var(--primary-color);box-shadow:0 4px 16px #4361ee2e}@media (max-width: 768px){.option-card.selected{padding:10px 14px 14px;border-radius:16px;box-shadow:0 8px 32px #0050ff1f}.option-card.selected .package-content{display:flex;gap:16px;align-items:flex-start;margin-top:10px;flex-direction:row-reverse}.option-card.selected .package-description{flex:1;min-width:0;order:2}.option-card.selected .package-description .option-desc-list{margin:8px 0 0 6px;font-size:13px;line-height:1.5;color:var(--text-secondary)}.option-card.selected .package-description .option-desc-list li{margin-bottom:6px;padding-left:4px}.option-card.selected .package-image-container{flex:0 0 110px;width:110px;order:1;height:110px;margin:0;background:transparent;border:none;overflow:hidden}.option-card.selected .package-image{width:110px;height:110px;object-fit:contain;object-position:center;background:transparent;padding:0;filter:drop-shadow(0 4px 12px rgba(59,130,246,.6))}.commission-image-container-above-title{max-width:340px;margin:0 auto 3px;border-radius:14px;overflow:hidden}.commission-image-above-title{height:100px;border-radius:14px;object-fit:contain}.commission-description-only .option-desc-list{margin:4px 0 0 16px;font-size:13px;line-height:1.5;color:var(--text-secondary)}.commission-description-only .option-desc-list li{margin-bottom:6px;padding-left:4px}}@media (max-width: 480px){.option-card.selected{padding:6px 10px 10px;border-radius:12px}.option-card.selected .package-content{gap:6px}.option-card.selected .package-description .option-desc-list{font-size:12px;margin:6px 0 0 4px}.option-card.selected .package-description .option-desc-list li{margin-bottom:4px}.option-card.selected .package-image-container{flex:0 0 85px;width:85px;height:85px;order:1}.option-card.selected .package-image{width:85px;height:85px}.commission-image-container-above-title{max-width:280px;margin:0 auto 2px;border-radius:12px;overflow:hidden}.commission-image-above-title{height:80px;border-radius:12px;object-fit:contain}.commission-description-only .option-desc-list{font-size:12px;margin:2px 0 0 12px}.commission-description-only .option-desc-list li{margin-bottom:4px}}.option-card{position:relative}.package-top-badge{position:absolute;top:8px;right:40px;z-index:10}.package-badge-small{display:inline-block;padding:4px 8px;border-radius:6px;background-color:#3b82f6;color:#fff;font-weight:500;font-size:11px;line-height:1.2;font-family:Inter,sans-serif;white-space:nowrap;border:none}.package-badge-inline{display:inline-block;padding:5px 8px;border-radius:4px;background-color:#3b82f6;color:#fff;font-weight:500;font-size:12px;line-height:1;font-family:Inter,sans-serif;white-space:nowrap;margin-left:5px}.package-badge-small:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--primary-rgb),.2)}.package-badge-container{margin-top:16px;display:flex;justify-content:flex-start}.package-badge{display:inline-block;padding:6px 12px;border-radius:6px;background-color:transparent;color:var(--primary-color);font-weight:500;font-size:12px;line-height:1.4;font-family:Inter,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;border:1px solid var(--primary-color)}[data-theme=dark] .package-badge{background-color:transparent;border-color:var(--primary-color);color:var(--primary-color)}[data-theme=dark] .package-badge:hover{background-color:rgba(var(--primary-rgb),.1);border-color:var(--primary-hover);color:var(--primary-hover)}[data-theme=dark] .package-badge-small{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}[data-theme=dark] .package-badge-small:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}@media (max-width: 768px){.package-badge{font-size:13px;padding:5px 10px}.package-badge-container{margin-top:12px}.package-badge-small{font-size:10px;padding:3px 8px}.package-top-badge{top:12px;right:12px}}@media (max-width: 480px){.package-badge{font-size:12px;padding:4px 8px}.package-badge-container{margin-top:10px}.package-badge-small{font-size:9px;padding:2px 6px}.package-top-badge{top:8px;right:8px}}.strikethrough-price{text-decoration:line-through;text-decoration-color:#3b82f6;text-decoration-thickness:1px;color:#3b82f6;font-weight:600}[data-theme=dark] .strikethrough-price{text-decoration-color:#fff;color:#3b82f6}@media (prefers-reduced-motion: reduce){.package-badge{display:inline-block;padding:6px 12px;border-radius:8px;background-color:#f3f4f6;color:#374151;font-weight:500;font-size:12px;margin-top:8px;border:none}.package-badge:hover,.package-badge-small:hover{transform:none}.package-badge-small{transition:none}.receipt-animation,.efatura-description{animation:none!important}}.efatura-special-container{position:relative;background:linear-gradient(135deg,#f8faff,#f0f6ff);border:2px solid rgba(1,113,206,.2);border-radius:16px;padding:20px;margin-top:16px;overflow:hidden}[data-theme=dark] .efatura-special-container{background:linear-gradient(135deg,#1a2332,#232b3b);border-color:#1a8cff4d}.efatura-pos-section{display:flex;align-items:flex-start;gap:24px;position:relative}.efatura-pos-image{position:relative;flex:0 0 140px;width:140px;height:160px}.efatura-pos-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(1,113,206,.3))}.receipt-animation{position:absolute;top:20px;right:-10px;width:60px;height:80px;background:linear-gradient(180deg,#fff,#f8f9fa);border:1px solid #e3e8ef;border-radius:4px 4px 2px 2px;box-shadow:0 2px 8px #0000001a;transform:translateY(60px);animation:receiptSlideOut 2s ease-out .5s forwards;opacity:0;z-index:5}.receipt-animation:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:2px;background:var(--primary-color);border-radius:1px}.receipt-animation:after{content:"E-FATURA\a\a✓ Digital";position:absolute;top:16px;left:8px;right:8px;font-size:8px;font-weight:600;color:var(--text-color);line-height:1.3;white-space:pre;text-align:center}@keyframes receiptSlideOut{0%{transform:translateY(60px);opacity:0}20%{opacity:1}to{transform:translateY(0);opacity:1}}.efatura-description{flex:1;padding-left:12px}.efatura-title{font-size:20px;font-weight:700;color:var(--primary-color);margin-bottom:12px;animation:fadeInUp .8s ease-out .3s both}.efatura-subtitle{font-size:16px;font-weight:600;color:var(--text-color);margin-bottom:16px;animation:fadeInUp .8s ease-out .5s both}.efatura-features{list-style:none;padding:0;margin:0}.efatura-features li{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;color:var(--text-secondary);animation:fadeInUp .6s ease-out both}.efatura-features li:nth-child(1){animation-delay:.7s}.efatura-features li:nth-child(2){animation-delay:.8s}.efatura-features li:nth-child(3){animation-delay:.9s}.efatura-features li:nth-child(4){animation-delay:1s}.efatura-features li:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:10px;font-weight:700;flex-shrink:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .receipt-animation{background:linear-gradient(180deg,#2c2c2c,#3d3d3d);border-color:#4d4d4d}[data-theme=dark] .receipt-animation:after{color:var(--text-color)}@media (max-width: 768px){.efatura-special-container{padding:16px;margin-top:12px}.efatura-pos-section{flex-direction:column;gap:16px;text-align:center}.efatura-pos-image{flex:none;align-self:center;width:120px;height:140px}.receipt-animation{width:50px;height:70px;right:-5px}.efatura-description{padding-left:0}.efatura-title{font-size:18px}.efatura-subtitle{font-size:15px}}@media (max-width: 480px){.efatura-pos-image{width:100px;height:120px}.receipt-animation{width:45px;height:60px;right:0}.efatura-title{font-size:16px}.efatura-subtitle{font-size:14px}.efatura-features li{font-size:13px}}.address-validation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.address-validation-modal{background-color:var(--bg-primary);width:90%;max-width:600px;border-radius:12px;box-shadow:0 20px 40px #00000026;overflow:hidden;animation:fadeIn .3s ease-out}.address-validation-modal-header{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:var(--primary-color);color:#fff}.address-validation-modal-header h3{margin:0;font-size:1.2rem;font-weight:600}.address-validation-modal-content{padding:2rem}.address-validation-description{margin:0 0 1rem;color:var(--text-secondary);font-size:1rem;line-height:1.5}.detected-address{margin:1.5rem 0;background-color:var(--bg-accent);padding:1.5rem;border-radius:10px;color:var(--text-color);font-size:1.1rem;line-height:1.6;word-wrap:break-word;border-left:4px solid var(--primary-color);box-shadow:0 2px 8px #0000000d}.detected-address strong{font-weight:600}.confirmation-question{margin:.5rem 0 .2rem;color:var(--text-color);font-size:1.1rem;font-weight:500;text-align:center}.address-modal-actions{display:flex;justify-content:center;gap:1.5rem;padding:.5rem 2rem 2rem;margin-top:0}.btn-primary,.btn-secondary{min-width:160px;padding:1rem 1.5rem;border-radius:8px;border:none;font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.btn-secondary{background-color:var(--bg-accent);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.address-validation-modal{width:95%;max-width:95vw;margin:1rem}.address-validation-modal-content{padding:1.5rem}.address-modal-actions{flex-direction:column;gap:1rem;padding:1.5rem}.btn-primary,.btn-secondary{width:100%;min-width:unset}}@media (max-width: 480px){.address-validation-modal{width:96%;margin:.5rem;border-radius:8px}.address-validation-modal-content{padding:1rem}.detected-address{padding:1rem;font-size:1rem;margin:1rem 0}.confirmation-question{font-size:1rem;margin:1.5rem 0 1rem}.address-modal-actions{padding:1rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.loading-container .spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.loading-container p{color:var(--text-secondary);font-size:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group input[type=email],.form-group input[type=text],.form-group textarea{width:100%;padding:14px 16px;border:1px solid var(--input-border);border-radius:8px;font-size:16px;transition:all .3s ease;background-color:var(--input-bg);color:var(--input-text);box-shadow:0 2px 4px #0000000d}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.8}.form-group textarea{resize:vertical;min-height:120px;max-height:300px;line-height:1.5}.form-group input[readonly],.form-group textarea[readonly]{background-color:var(--bg-accent);cursor:not-allowed;opacity:.8}.error-message{color:#e53935;font-size:14px;margin-top:8px;padding:8px 12px;background-color:#e5393514;border-radius:6px;font-weight:500}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary);font-size:15px}.checkbox-group{margin-bottom:16px}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer;margin-bottom:8px;line-height:1.4}.checkbox-label input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;margin-right:10px;margin-top:2px;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0}.checkbox-label span{font-size:15px;line-height:1.4;color:var(--text-color);flex:1}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{color:var(--input-text)}.form-group .MuiTextField-root{width:100%}.form-group .MuiTextField-root .MuiOutlinedInput-root{border-radius:8px;font-size:16px;background-color:var(--input-bg);color:var(--input-text);transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.form-group .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:var(--input-border);border-width:1px}.form-group .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--input-border)}.form-group .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color);border-width:1px;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.form-group .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input{padding:14px 16px;color:var(--input-text);font-size:16px}.form-group .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input::placeholder{color:var(--text-muted);opacity:.8}.form-group .MuiTextField-root .MuiInputBase-input::placeholder{color:var(--text-muted);opacity:.8}.form-group .MuiTextField-root .MuiInputAdornment-root .MuiIconButton-root{color:var(--text-secondary)}.form-group .MuiTextField-root .MuiInputAdornment-root .MuiSvgIcon-root{color:var(--text-secondary);transition:color .3s ease}.form-group .MuiTextField-root .MuiInputAdornment-root .MuiIconButton-root:hover .MuiSvgIcon-root{color:var(--primary-color)}[data-theme=dark] .form-group .MuiTextField-root .MuiOutlinedInput-root{background-color:var(--input-bg);color:var(--input-text)}[data-theme=dark] .form-group .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input{color:var(--input-text)}[data-theme=dark] .form-group .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input::placeholder{color:var(--text-muted);opacity:.8}[data-theme=dark] .form-group .MuiTextField-root .MuiInputAdornment-root .MuiIconButton-root,[data-theme=dark] .form-group .MuiTextField-root .MuiInputAdornment-root .MuiSvgIcon-root{color:var(--text-secondary)}[data-theme=dark] .form-group .MuiTextField-root .MuiInputAdornment-root .MuiIconButton-root:hover .MuiSvgIcon-root{color:var(--primary-color)}[data-theme=dark] .form-group .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:var(--input-border)}.date-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.date-input-wrapper .date-text-input{width:100%;padding:14px 46px 14px 16px;border:1px solid var(--input-border, #ddd);border-radius:8px;font-size:16px;background-color:var(--input-bg, #fff);color:var(--input-text, #333);transition:all .3s ease}.date-input-wrapper .date-text-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.date-input-wrapper .date-text-input::placeholder{color:#999;opacity:1;font-weight:400;font-style:normal}.date-input-wrapper .date-text-input:focus::placeholder{opacity:0;transition:opacity .2s ease}.date-input-wrapper .date-text-input:not(:placeholder-shown)::placeholder{opacity:0}.date-trigger-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d1d5db;border-radius:6px;background:#f8fafc;color:#6b7280;cursor:pointer;padding:0;z-index:2;transition:all .2s ease}.date-trigger-btn:hover{background:#eef2f7;color:#374151}.date-trigger-btn:disabled{opacity:.6;cursor:not-allowed}.date-input-wrapper .calendar-icon-button:hover:not(:disabled){background-color:#0000000d!important;border-radius:4px!important}.date-trigger-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;transition:stroke .2s ease}.date-input-wrapper .calendar-icon-button:hover:not(:disabled) svg{stroke:#333!important;opacity:1!important}[data-theme=dark] .date-trigger-btn{background:var(--input-bg);border-color:var(--input-border);color:var(--text-secondary)}[data-theme=dark] .date-trigger-btn:hover{background:var(--bg-accent, var(--bg-secondary));border-color:var(--primary-color);color:var(--primary-color)}[data-theme=dark] .date-trigger-btn svg{stroke:var(--text-secondary);transition:stroke .2s ease}[data-theme=dark] .date-trigger-btn:hover svg{stroke:var(--primary-color)}[data-theme=dark] .date-trigger-btn:disabled{background:var(--bg-secondary);border-color:var(--input-border);color:var(--text-muted);opacity:.6}[data-theme=dark] .date-trigger-btn:disabled svg{stroke:var(--text-muted)}.date-input-wrapper input[type=date]{position:absolute;opacity:0;pointer-events:none;width:0;height:0;border:none;padding:0;margin:0}[data-theme=dark] .date-input-wrapper .calendar-icon-button svg{stroke:var(--text-color)!important;opacity:.9!important}[data-theme=dark] .date-input-wrapper .calendar-icon-button:hover:not(:disabled) svg{stroke:var(--primary-color)!important;opacity:1!important}[data-theme=dark] .date-input-wrapper .date-text-input{background-color:var(--input-bg);color:var(--input-text);border-color:var(--input-border)}[data-theme=dark] .date-input-wrapper .date-text-input::placeholder{color:var(--text-muted);opacity:1}[data-theme=dark] .date-input-wrapper .date-text-input:focus::placeholder{opacity:0;transition:opacity .2s ease}[data-theme=dark] .date-input-wrapper .date-text-input:not(:placeholder-shown)::placeholder{opacity:0}.date-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--border-color, #e5e7eb);padding:16px;z-index:100;min-width:280px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #e5e7eb)}.date-picker-title-container{display:flex;align-items:center;gap:8px}.date-picker-title{font-size:14px;font-weight:600;color:var(--text-color, #1f2937);margin:0;text-transform:capitalize}.date-picker-title-btn{background:none;border:none;font-size:14px;font-weight:600;color:var(--primary-color, #1270e3);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;text-transform:capitalize}.date-picker-title-btn:hover{background:var(--bg-accent, #f3f4f6)}.date-nav-btn{width:24px;height:24px;border:none;background:var(--bg-accent, #f9fafb);color:var(--text-secondary, #6b7280);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.date-nav-btn:hover{background:var(--primary-color, #1270e3);color:#fff}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.weekday-header{padding:4px 2px;text-align:center;font-size:10px;font-weight:600;color:var(--text-muted, #9ca3af);text-transform:uppercase}.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:8px}.date-picker-day{width:32px;height:32px;border:none;background:transparent;color:var(--text-color, #1f2937);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.date-picker-day:hover:not(.disabled){background:var(--bg-accent, #f3f4f6);color:var(--primary-color, #1270e3)}.date-picker-day.other-month{color:var(--text-muted, #9ca3af);opacity:.5}.date-picker-day.today{background:var(--primary-color, #1270e3);color:#fff;font-weight:600}.date-picker-day.today:hover{background:var(--primary-hover, #0f5fc7)}.date-picker-day.selected{background:var(--primary-color, #1270e3);color:#fff;font-weight:600}.date-picker-day.selected:hover{background:var(--primary-hover, #0f5fc7)}.date-picker-day.disabled{color:var(--text-muted, #9ca3af);cursor:not-allowed;opacity:.3}.date-picker-months{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.date-picker-month{padding:12px 8px;border:none;background:transparent;color:var(--text-color, #1f2937);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:capitalize}.date-picker-month:hover{background:var(--bg-accent, #f3f4f6);color:var(--primary-color, #1270e3)}.date-picker-month.current{background:var(--bg-accent, #f3f4f6)}.date-picker-month.selected{background:var(--primary-color, #1270e3);color:#fff;font-weight:600}.date-picker-month.selected:hover{background:var(--primary-hover, #0f5fc7)}.date-picker-years{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.date-picker-year{padding:12px 8px;border:none;background:transparent;color:var(--text-color, #1f2937);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.date-picker-year:hover:not(.disabled){background:var(--bg-accent, #f3f4f6);color:var(--primary-color, #1270e3)}.date-picker-year.current{background:var(--bg-accent, #f3f4f6)}.date-picker-year.selected{background:var(--primary-color, #1270e3);color:#fff;font-weight:600}.date-picker-year.selected:hover{background:var(--primary-hover, #0f5fc7)}.date-picker-year.disabled{color:var(--text-muted, #9ca3af);cursor:not-allowed;opacity:.3}.date-picker-actions{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border-color, #e5e7eb)}.date-picker-close{padding:4px 12px;border:1px solid var(--border-color, #d1d5db);background:var(--bg-primary, #ffffff);color:var(--text-secondary, #6b7280);border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.date-picker-close:hover{background:var(--bg-accent, #f9fafb);border-color:var(--border-hover, #9ca3af)}[data-theme=dark] .date-picker-dropdown{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .date-picker-title{color:var(--text-color)}[data-theme=dark] .date-nav-btn{background:var(--bg-accent);color:var(--text-secondary)}[data-theme=dark] .date-nav-btn:hover{background:var(--primary-color);color:#fff}[data-theme=dark] .weekday-header{color:var(--text-muted)}[data-theme=dark] .date-picker-day{color:var(--text-color)}[data-theme=dark] .date-picker-day:hover:not(.disabled){background:var(--bg-accent);color:var(--primary-color)}[data-theme=dark] .date-picker-day.other-month{color:var(--text-muted)}[data-theme=dark] .date-picker-close{background:var(--bg-primary);color:var(--text-secondary);border-color:var(--border-color)}[data-theme=dark] .date-picker-close:hover{background:var(--bg-accent);border-color:var(--border-hover)}[data-theme=dark] .date-picker-month{color:var(--text-color)}[data-theme=dark] .date-picker-month:hover{background:var(--bg-accent);color:var(--primary-color)}[data-theme=dark] .date-picker-month.current{background:var(--bg-accent)}[data-theme=dark] .date-picker-year{color:var(--text-color)}[data-theme=dark] .date-picker-year:hover:not(.disabled){background:var(--bg-accent);color:var(--primary-color)}[data-theme=dark] .date-picker-year.current{background:var(--bg-accent)}[data-theme=dark] .date-picker-title-btn{color:var(--primary-color)}[data-theme=dark] .date-picker-title-btn:hover{background:var(--bg-accent)}[data-theme=dark] .MuiPickersDay-root{color:var(--text-color)}[data-theme=dark] .MuiDateCalendar-root{background-color:var(--bg-primary);color:var(--text-color)}[data-theme=dark] .MuiPickersCalendarHeader-root,[data-theme=dark] .MuiPickersArrowSwitcher-button{color:var(--text-color)}[data-theme=dark] .MuiPaper-root.MuiPopover-paper{background-color:var(--bg-primary);color:var(--text-color);border:1px solid var(--border-color)}[data-theme=dark] .MuiPickersLayout-root{background-color:var(--bg-primary);color:var(--text-color)}[data-theme=dark] .MuiPickersCalendarHeader-label{color:var(--text-color)}[data-theme=dark] .MuiPickersDay-root:not(.Mui-selected){color:var(--text-color);background-color:transparent}[data-theme=dark] .MuiPickersDay-root:not(.Mui-selected):hover{background-color:var(--bg-accent)}[data-theme=dark] .MuiPickersDay-root.Mui-selected{background-color:var(--primary-color);color:#fff}[data-theme=dark] .MuiPickersDay-root.Mui-selected:hover{background-color:var(--primary-hover)}[data-theme=dark] .MuiPickersYear-yearButton{color:var(--text-color)}[data-theme=dark] .MuiPickersYear-yearButton:hover{background-color:var(--bg-accent)}[data-theme=dark] .MuiPickersYear-yearButton.Mui-selected{background-color:var(--primary-color);color:#fff}[data-theme=dark] .MuiPickersMonth-monthButton{color:var(--text-color)}[data-theme=dark] .MuiPickersMonth-monthButton:hover{background-color:var(--bg-accent)}[data-theme=dark] .MuiPickersMonth-monthButton.Mui-selected{background-color:var(--primary-color);color:#fff}@media (max-width: 768px){.form-group,.checkbox-group{margin-bottom:14px}.checkbox-label{margin-bottom:6px}.checkbox-label input[type=checkbox]{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:8px;margin-top:1px}.checkbox-label span{font-size:14px;line-height:1.3}.form-group input[type=email],.form-group input[type=text],.form-group textarea{padding:10px 12px;font-size:16px}.form-group label{font-size:14px;margin-bottom:6px}}@media (max-width: 480px){.form-group,.checkbox-group{margin-bottom:12px}.checkbox-label{margin-bottom:4px;align-items:flex-start}.checkbox-label input[type=checkbox]{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:8px;margin-top:1px;flex-shrink:0}.checkbox-label span{font-size:14px;line-height:1.3;word-wrap:break-word}.form-group input[type=email],.form-group input[type=text],.form-group textarea{font-size:15px;padding:10px 12px}.form-group label{margin-bottom:5px}}.document-upload-section{margin-bottom:1.5rem}@media (max-width: 768px){.document-upload-section{max-height:60vh;overflow-y:auto;padding-right:8px}.document-upload-section::-webkit-scrollbar{width:6px}.document-upload-section::-webkit-scrollbar-track{background:transparent}.document-upload-section::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.document-upload-section::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=dark] .document-upload-section::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] .document-upload-section::-webkit-scrollbar-thumb:hover{background:#ffffff4d}}.document-upload-section h3{margin-bottom:1.2rem;color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:.6rem;font-size:18px}[data-theme=dark] .document-upload-section h3{color:var(--text-color);border-bottom-color:#ffffff1a}.document-upload-group{margin-bottom:1.4rem;background-color:var(--bg-primary);border-radius:10px;padding:14px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.document-upload-group:hover{box-shadow:0 4px 12px #00000014}[data-theme=dark] .document-upload-group{box-shadow:0 2px 8px #00000026;border:1px solid rgba(255,255,255,.05)}[data-theme=dark] .document-upload-group:hover{box-shadow:0 4px 12px #00000040;border-color:#ffffff1a}.document-upload-group label{display:block;margin-bottom:.6rem;font-weight:500;color:var(--text-secondary);font-size:15px}.document-upload-group .required-indicator{color:#f44336;font-size:.85rem;font-weight:400;margin-left:4px}.document-upload-group .field-title{margin-right:3px}.download-contract-btn{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;padding:.4rem .8rem;background-color:#fff;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:6px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s ease;line-height:1.2;white-space:nowrap;position:absolute;right:0;top:0;box-shadow:0 2px 4px #0000001a}.download-contract-btn:hover{background-color:var(--bg-accent);text-decoration:none;color:var(--primary-color);transform:translateY(-1px);box-shadow:0 3px 6px #00000026}.download-contract-btn svg{margin-right:.3rem;width:14px;height:14px;color:var(--primary-color)}.document-description{font-size:14px;color:var(--text-secondary);margin-bottom:10px;line-height:1.5;background-color:#00000005;padding:8px 10px;border-radius:6px;border-left:3px solid var(--primary-color)}[data-theme=dark] .document-description{background-color:#ffffff08;border-left:3px solid var(--primary-color);color:var(--text-secondary)}.document-link{color:var(--primary-color);text-decoration:none;font-weight:500;margin-left:5px;display:inline-block;transition:all .2s ease}.document-link:hover{color:var(--primary-hover);text-decoration:underline}.file-upload-container{position:relative;margin-bottom:.6rem}.upload-buttons-container{display:flex;align-items:center;gap:12px}.real-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.custom-file-upload{display:flex;align-items:center;background-color:var(--bg-primary);border:1px solid var(--input-border);border-radius:8px;padding:.8rem 1rem;cursor:pointer;transition:all .3s ease;min-height:60px;overflow:hidden;text-overflow:ellipsis;color:var(--text-color);box-shadow:0 2px 5px #0000000d;flex:1;font-size:.9rem;font-weight:500;line-height:1.2}.custom-file-upload:hover{border-color:var(--primary-color);background-color:var(--bg-accent);transform:translateY(-1px);box-shadow:0 3px 8px #00000014}[data-theme=dark] .custom-file-upload{box-shadow:0 2px 5px #00000026}[data-theme=dark] .custom-file-upload:hover{box-shadow:0 3px 8px #00000040}.custom-file-upload .file-icon{display:flex;align-items:center;justify-content:center;margin-right:1rem;color:var(--primary-color);width:28px;height:28px;flex-shrink:0}.custom-file-upload .file-text{font-size:.9rem;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-capture-button{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:var(--primary-color);color:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.camera-capture-button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 3px 8px #00000026}[data-theme=dark] .camera-capture-button{box-shadow:0 2px 5px #0003}[data-theme=dark] .camera-capture-button:hover{box-shadow:0 3px 8px #0000004d}.camera-capture-button svg{width:24px;height:24px}.custom-file-upload.status-success{border-color:#4caf50;background-color:#4caf500d}.custom-file-upload.status-error{border-color:#f44336;background-color:#f443360d}.custom-file-upload.status-uploading{border-color:var(--primary-color);background-color:rgba(var(--primary-rgb),.05)}.upload-status{font-size:.85rem;margin-top:.5rem;padding:6px 10px;border-radius:6px;display:inline-block}.upload-status.status-success{color:#4caf50;background-color:#4caf5014}.upload-status.status-error{color:#f44336;background-color:#f4433614}.upload-status.status-uploading{color:var(--primary-color);background-color:rgba(var(--primary-rgb),.08)}.spinner-small{width:22px;height:22px;border:2px solid rgba(var(--primary-rgb),.2);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.submit-button.disabled{background-color:var(--disabled-color);cursor:not-allowed}.upload-progress{margin:0 10px 10px;font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center}.upload-progress span{display:inline-block;padding:6px 12px;background-color:var(--bg-accent);border-radius:6px;font-weight:500}.form-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.error-message{color:#f44336;font-size:.85rem;margin-top:.5rem;padding:8px 12px;background-color:#f4433614;border-radius:6px;display:block;font-weight:500}.warning-message{background-color:#ffc1071a;border-left:4px solid #ffc107;padding:12px 16px;margin-bottom:20px;border-radius:8px;font-size:14px;line-height:1.5;color:#664d03;box-shadow:0 1px 3px #0000000d}[data-theme=dark] .warning-message{background-color:#ffc1070d;border-left:4px solid #ffc107;color:#ffe082;box-shadow:0 1px 3px #0003}@media (max-width: 768px){.document-upload-section{margin-bottom:1.2rem}.form-navigation{position:sticky;bottom:0;background:var(--bg-primary);padding:1rem 0;border-top:1px solid var(--border-color);z-index:10}.document-upload-section h3{margin-bottom:1rem;padding-bottom:.5rem}.document-upload-group{padding:12px;margin-bottom:1.2rem}.document-upload-group label{margin-bottom:.5rem;font-size:14px}.custom-file-upload{padding:.6rem .8rem;min-height:52px}.custom-file-upload .file-icon{margin-right:.7rem;width:22px;height:22px}.custom-file-upload .file-text{font-size:.85rem}.download-contract-btn{display:inline-flex;margin-left:.5rem;padding:.3rem .6rem;font-size:.75rem;height:28px;align-items:center}.download-contract-btn svg{width:12px;height:12px}.document-upload-group label{display:flex;align-items:center;flex-wrap:wrap;font-size:14px}.document-upload-group .required-indicator{margin-left:3px}.camera-capture-button{width:52px;height:52px}.camera-capture-button svg{width:20px;height:20px}.document-description{font-size:13px;padding:7px 9px;margin-bottom:8px}}@media (max-width: 480px){.document-upload-section{margin-bottom:1rem}.document-upload-group{padding:10px;margin-bottom:1rem}.document-upload-group label{margin-bottom:.4rem}.custom-file-upload{padding:.5rem .7rem;min-height:48px}.custom-file-upload .file-icon{margin-right:.5rem;width:20px;height:20px}.custom-file-upload .file-text{font-size:.8rem}.camera-capture-button{width:48px;height:48px}.camera-capture-button svg{width:18px;height:18px}.upload-buttons-container{gap:6px}.form-navigation{flex-direction:column;gap:8px;margin-top:1.2rem}.form-navigation button{width:100%}.upload-progress{margin:6px 0;width:100%;justify-content:center;order:-1}.document-description{margin-bottom:6px}}.form-description{margin-bottom:20px;font-size:15px;line-height:1.6;color:var(--text-secondary, #4b5563);text-align:left;background-color:rgba(var(--primary-rgb, 18, 112, 227),.05);border-left:4px solid var(--primary-color, #1270e3);border-radius:8px;padding:14px 18px;letter-spacing:.01em;word-spacing:.05em;box-shadow:0 1px 3px #0000000d}[data-theme=dark] .form-description{background-color:#ffffff08;border-left:4px solid var(--primary-color)}.section-subtitle{font-size:14px;color:var(--text-secondary);margin-top:-3px;margin-bottom:12px;font-weight:400;letter-spacing:.01em}[data-theme=dark] .section-subtitle{color:var(--text-secondary)}.info-icon{color:#007bff;vertical-align:middle;transition:all .3s ease;filter:drop-shadow(0 1px 2px rgba(0,123,255,.2));width:16px;height:16px;cursor:pointer}.info-icon:hover{color:#0056b3;transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(0,123,255,.3))}.tippy-box[data-theme~=odeal]{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 8px 32px #0003,0 4px 16px #0000001a,inset 0 1px #ffffff14;z-index:9999;max-width:380px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0;transition:transform .18s ease,opacity .18s ease}.tippy-box[data-theme~=odeal] .tippy-content{padding:16px 18px;font-size:14px;line-height:1.5;white-space:pre-line}.tippy-box[data-theme~=odeal][data-placement^=top]>.tippy-arrow:before{border-top-color:#2c3e50}.tippy-box[data-theme~=odeal][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#34495e}.tippy-box[data-theme~=odeal][data-placement^=left]>.tippy-arrow:before{border-left-color:#2c3e50}.tippy-box[data-theme~=odeal][data-placement^=right]>.tippy-arrow:before{border-right-color:#34495e}@media (prefers-color-scheme: dark){.tippy-box[data-theme~=odeal]{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-color:#ffffff26}.tippy-box[data-theme~=odeal][data-placement^=top]>.tippy-arrow:before{border-top-color:#1a1a1a}.tippy-box[data-theme~=odeal][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#2d2d2d}}.tippy-box[data-theme~=odeal][data-placement^=bottom]>.tippy-arrow{left:18px}.tippy-box[data-theme~=odeal][data-placement^=top]>.tippy-arrow{left:16px}.tippy-box[data-theme~=odeal]{margin:0}.tippy-box[data-animation=odeal-fade][data-state=hidden]{opacity:0;transform:translateY(6px) scale(.98)}.tippy-box[data-animation=odeal-fade][data-state=visible]{opacity:1;transform:translateY(0) scale(1);transition:transform .18s ease,opacity .18s ease}@media (max-width: 768px){.tippy-box[data-theme~=odeal] .tippy-content{font-size:13px;padding:12px 14px}}@media (max-width: 768px){.tippy-box[data-theme~=odeal]{max-width:90vw!important;font-size:13px;padding:12px 14px;white-space:normal!important}.tippy-box[data-theme~=odeal] .tippy-content{overflow-wrap:break-word;text-align:left}.tippy-box[data-theme~=odeal][data-placement^=bottom]{transform-origin:top center}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}:root{--bg: #f8fafc;--card: #ffffff;--muted: #64748b;--muted-light: #94a3b8;--danger: #ef4444;--success: #10b981;--radius: 16px;--radius-sm: 12px;--shadow: 0 10px 40px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .12);--border: #e2e8f0;--border-light: #f1f5f9;--text-primary: #1e293b;--text-secondary: #475569}.payment-form .card{background:#fff!important;border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:24px;overflow:hidden;box-sizing:border-box;width:100%;max-width:480px;margin:20px auto;border:1px solid var(--border-light);position:relative}.payment-form header.hero{text-align:center;margin-bottom:20px;padding-top:4px}.payment-form .card h1,.payment-form header.hero h1,.payment-form h1{font-size:24px!important;margin:0 0 12px!important;font-weight:600!important;color:var(--text-color)!important}.payment-form p.lead{margin:0;color:var(--text-secondary);font-size:16px;font-weight:400}.payment-form .card-input-container{position:relative;display:flex;align-items:center}.payment-form .card-input-container input{padding-right:120px}.payment-form .card-logos-inline{position:absolute;right:12px;display:flex;gap:4px;align-items:center}.payment-form .card-logo-inline{height:14px;width:auto;transition:all .3s ease;filter:grayscale(.2)}.payment-form .card-logo-inline:hover{transform:translateY(-1px);filter:grayscale(0)}.payment-form form{margin-top:0}.payment-form .field{margin-bottom:18px;position:relative}.payment-form label{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:6px;-webkit-user-select:none;user-select:none;font-weight:600}.payment-form input[type=text],.payment-form input[type=email],.payment-form input[type=tel],.payment-form input[type=number],.payment-form textarea,.payment-form select{width:100%;box-sizing:border-box;padding:14px 44px 14px 14px;border-radius:8px;border:1px solid var(--border-color);background:var(--input-bg);font-size:16px;font-weight:400;outline:none;transition:all .3s ease;color:var(--input-text)}.payment-form input::placeholder{color:var(--text-muted);font-weight:400;opacity:.8;font-size:16px}.payment-form input:focus,.payment-form textarea:focus,.payment-form select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #0171ce1a}.payment-form .row{display:flex;gap:16px}.payment-form .row .field{flex:1}.payment-form .card-icon{position:absolute;right:14px;top:44px;width:32px;height:20px;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.8;font-size:18px;color:var(--muted)}.payment-form .muted-sm{font-size:14px;color:var(--text-secondary);margin-top:8px;font-weight:400;line-height:1.4}.payment-form .button-group{display:flex;gap:12px;margin-top:24px}.payment-form .btn{flex:1;padding:12px 24px;border-radius:6px;border:none;background-color:var(--primary-color);color:#fff;font-weight:500;font-size:16px;cursor:pointer;transition:all .3s ease}.payment-form .btn-secondary{flex:0 0 auto;padding:12px 24px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--bg-accent);color:var(--text-color);font-weight:500;font-size:16px;cursor:pointer;transition:all .3s ease;min-width:100px}.payment-form .btn:hover{background-color:var(--primary-hover)}.payment-form .btn:disabled{background-color:var(--disabled-color);color:var(--text-color);border:1px solid var(--border-color);cursor:not-allowed}.payment-form .btn-secondary:hover{background-color:var(--bg-secondary)}.payment-form .btn-secondary:disabled{background-color:var(--disabled-color);color:var(--text-color);border:1px solid var(--border-color);cursor:not-allowed}.payment-form .summary{margin-top:20px;padding:16px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000000a;position:relative;color:var(--text-primary)}.payment-form .summary:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.payment-form .summary .amount{font-weight:600;font-size:18px;color:var(--primary-color)}.payment-form .summary .desc{font-size:16px;color:var(--text-secondary);font-weight:600}.payment-form .error{margin-top:8px;color:var(--danger);font-size:14px;font-weight:400}.payment-form .success{margin-top:8px;color:var(--success);font-size:14px;font-weight:400}.payment-form input:focus-visible,.payment-form .btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width: 768px){.payment-form .button-group{flex-direction:column;gap:8px}.payment-form .btn,.payment-form .btn-secondary{width:100%;min-width:auto}.payment-form .button-group .btn-secondary{order:2}.payment-form .button-group .btn{order:1}}@media (max-width: 480px){.payment-form .row{flex-direction:row;gap:6px}.payment-form .row .field{flex:1;min-width:0}.payment-form .row .field input{font-size:14px;padding:12px 8px}}@media (max-width: 400px){.payment-form .row{flex-direction:row;gap:4px}.payment-form .row .field{flex:1;min-width:0}.payment-form .row .field input{font-size:13px;padding:10px 6px}}@media (max-width: 380px){.payment-form .row{flex-direction:row;gap:2px}.payment-form .row .field{flex:1;min-width:0}.payment-form .row .field input{font-size:12px;padding:8px 4px}.payment-form .card{padding:16px}}@media (max-width: 360px){.payment-form .row{flex-direction:row;gap:1px}.payment-form .row .field input{font-size:11px;padding:6px 2px}.payment-form .card{padding:12px}}@media (max-width: 420px){.payment-form .card{margin:12px;padding:20px}.payment-form .card-icon{top:34px;right:8px;transform:scale(.95)}.payment-form .button-group{margin-top:20px}}.payment-form .text-center{text-align:center}.payment-form .hidden{display:none!important}.payment-form .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.payment-form input[name=cardNumber]{letter-spacing:1px}.payment-form input[name=cvv],.payment-form input[name=expiryDate]{text-align:center}.payment-form input[name=cardHolderName]{text-transform:uppercase}[data-theme=dark]{background-color:var(--bg-dark);color:var(--text-dark)}[data-theme=dark] .payment-form .card{background:var(--bg-secondary)!important;color:var(--text-color);box-shadow:0 8px 30px #0000004d}[data-theme=dark] .payment-form .summary{background:var(--bg-accent);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .payment-form h1{color:inherit}[data-theme=dark] .payment-form p.lead,[data-theme=dark] .payment-form label,[data-theme=dark] .payment-form .muted-sm,[data-theme=dark] .payment-form .summary .desc,[data-theme=dark] .payment-form .card-icon{color:var(--muted-text-light)}[data-theme=dark] .payment-form input[type=text],[data-theme=dark] .payment-form input[type=email],[data-theme=dark] .payment-form input[type=tel],[data-theme=dark] .payment-form input[type=number],[data-theme=dark] .payment-form textarea,[data-theme=dark] .payment-form select{background:var(--input-bg);border-color:var(--input-border);color:var(--input-text)}[data-theme=dark] .payment-form input::placeholder{color:var(--text-muted)}[data-theme=dark] .payment-form .muted-sm.text-center{color:var(--text-color)}[data-theme=dark] .payment-form .muted-sm.text-center a{color:inherit}.modern-progress-container{width:100%;padding:10px 20px 15px;margin-top:0;margin-bottom:10px;display:flex;justify-content:center;align-items:center;background:transparent;border-bottom:none;box-shadow:none}.modern-progress-bar{position:relative;margin:0 auto;width:85%;max-width:800px;height:30px;overflow:visible}.progress-track{position:absolute;top:25px;left:0;right:0;height:4px;background-color:#e2e8f0;border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.progress-line{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd);border-radius:4px;transition:width .8s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px #3b82f666;position:relative}.progress-line:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.steps-container{position:relative;width:100%;height:100%;overflow:visible}.modern-step{position:absolute;top:15px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;cursor:default;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.modern-step.completed{cursor:pointer}.modern-step:hover.completed{transform:translate(-50%) translateY(-3px)}.step-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;transition:all .4s cubic-bezier(.25,.46,.45,.94);border:2px solid transparent;box-shadow:0 2px 8px #00000026;margin-bottom:8px;position:relative;z-index:10}.modern-step.pending .step-circle{background-color:#f1f5f9;color:#64748b;border-color:#cbd5e1}.modern-step.active .step-circle{background-color:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 0 0 8px #3b82f633,0 4px 12px #3b82f64d;animation:pulse 2s infinite}.modern-step.completed .step-circle{background-color:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #10b9814d}@keyframes pulse{0%,to{box-shadow:0 0 0 8px #3b82f633,0 4px 12px #3b82f64d}50%{box-shadow:0 0 0 12px #3b82f61a,0 4px 12px #3b82f64d}}.step-label{font-size:11px;font-weight:600;text-align:center;color:#475569;max-width:120px;line-height:1.2;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modern-step.active .step-label{color:#3b82f6;font-weight:700;transform:scale(1.05)}.modern-step.completed .step-label{color:#3b82f6;font-weight:600}.step-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:inherit;transition:all .3s ease}.modern-step.completed .step-icon{animation:checkmark .6s cubic-bezier(.25,.46,.45,.94)}@keyframes checkmark{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.progress-percentage{position:absolute;top:-5px;right:0;background:linear-gradient(135deg,#3b82f6,#3b82f6);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;box-shadow:0 2px 8px #3b82f64d;opacity:0;transform:translateY(-10px);transition:all .4s ease}.progress-percentage.show{opacity:1;transform:translateY(0)}@media (max-width: 768px){.modern-progress-container{padding:12px 15px 16px}.modern-progress-bar{width:90%;height:40px}.step-circle{width:28px;height:28px;font-size:11px}.step-label{font-size:10px;max-width:140px;display:block!important}.progress-track{height:5px;top:22px}.modern-step{top:12px}}@media (max-width: 480px){.modern-progress-container{padding:10px 10px 14px}.modern-progress-bar{width:85%;height:35px}.step-circle{width:26px;height:26px;font-size:10px}.step-label{font-size:9px;max-width:120px;display:block!important;line-height:1.1}.progress-track{height:4px;top:20px}.modern-step{top:10px}}@media (max-width: 360px){.modern-progress-container{padding:8px 8px 12px}.modern-progress-bar{width:80%;height:32px}.step-circle{width:24px;height:24px;font-size:9px}.step-label{font-size:8px;max-width:100px;display:block!important}.progress-track{height:3px;top:18px}.modern-step{top:8px}}@media (prefers-color-scheme: dark){.modern-progress-container{background:transparent;border-bottom-color:#475569}}.header{background-color:var(--primary-color);color:#fff;padding:8px 0;margin-bottom:0;width:100%;box-shadow:var(--header-shadow);position:relative;z-index:10;transition:background-color .3s,box-shadow .3s;height:65px;display:flex;align-items:center}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;box-sizing:border-box;width:100%}.logo-container{display:flex;align-items:center;cursor:pointer;transition:transform .2s ease}.logo-container:hover{transform:scale(1.05)}.logo-container:active{transform:scale(.98)}.logo-image{height:45px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.header-right{display:flex;align-items:center;justify-content:flex-end}@media (max-width: 768px){.header{height:55px;padding:6px 0}.header-container{flex-direction:row;padding:1rem;gap:1rem}.logo-container{margin-bottom:0}.header-right{flex-direction:row;width:auto;align-items:center}.logo-image{height:35px}}@media (max-width: 480px){.header{height:45px;padding:4px 0}.header-container{padding:0 1rem}.logo-image{height:25px}}.theme-toggle{display:flex;align-items:center;margin-left:2rem}.theme-toggle-checkbox{display:none}.theme-toggle-label{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:.4rem;border-radius:50%;background-color:#fff3;transition:all .3s;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 5px #0000001a}.theme-toggle-label:hover{background-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}[data-theme=dark] .theme-toggle-label{background-color:#0006;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 5px #0003}[data-theme=dark] .theme-toggle-label:hover{background-color:#00000080;box-shadow:0 4px 8px #0000004d}.theme-toggle-icon{width:16px;height:16px;display:block;color:#fff;transition:transform .3s ease}.theme-toggle-label:hover .theme-toggle-icon{transform:rotate(15deg)}@media (max-width: 768px){.theme-toggle{margin-left:0;margin-bottom:0;align-self:center}.theme-toggle-label{padding:.35rem}.theme-toggle-icon{width:14px;height:14px}}@media (max-width: 480px){.theme-toggle-label{padding:.3rem}.theme-toggle-icon{width:12px;height:12px}}.footer{background-color:var(--footer-bg);color:var(--footer-text);padding:.8rem 0;width:100%;margin-top:0;border-top:none;height:auto;min-height:65px;display:flex;align-items:flex-start}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;box-sizing:border-box}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem;width:100%}.copyright{font-size:.85rem;margin:0;color:#fff;text-align:left;line-height:1.2;order:1}.footer-links{display:flex;gap:3rem;justify-content:flex-end;flex:1;order:2}.contact-item{display:flex;flex-direction:column;align-items:flex-end;text-align:right;line-height:1.2}.contact-label{font-size:.8rem;color:#fffc;margin-bottom:.1rem;line-height:1.2}.contact-item a{color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s;line-height:1.2}.contact-item a:hover{color:#ffffffd9;text-decoration:underline}@media (max-width: 768px){.footer{height:auto;min-height:55px;padding:.8rem 0}.footer-container{padding:0 1.5rem}.footer-content{flex-direction:column;justify-content:center;gap:.8rem;align-items:center;text-align:center}.footer-links{gap:2rem;justify-content:center;order:1}.contact-item{align-items:center;text-align:center}.copyright{text-align:center;order:2}}@media (max-width: 480px){.footer{height:auto;min-height:45px;padding:.6rem 0}.footer-container{padding:0 1rem}.footer-content{gap:.6rem;align-items:center}.footer-links{flex-direction:row;justify-content:center;gap:1.2rem;align-items:center;width:auto;order:1}.contact-item{min-width:100px;align-items:center;text-align:center}.contact-label{font-size:.65rem}.contact-item a{font-size:.8rem}.copyright{text-align:center;order:2}}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;width:100%}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;box-sizing:border-box;overflow-x:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em;margin-bottom:2em;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 8px #0000001a}.read-the-docs{color:#888;margin-top:2em;padding:1em;border-top:1px solid #eee}h1{font-size:2.5em;margin-bottom:1em;color:#213547}.app-container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1rem;box-sizing:border-box}input,button,select,textarea{font-family:inherit;box-sizing:border-box}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:background-color .25s,border-color .25s}button:hover{background-color:var(--primary-hover)}button:focus,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width: 768px){.app-container{padding:1rem}}@media (max-width: 480px){.app-container{padding:.75rem .5rem}}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-accent: #f0f2f5;--text-color: #333333;--text-secondary: #4f5a68;--text-muted: #6c757d;--primary-color: #0171ce;--primary-hover: #0163b5;--primary-rgb: 1, 113, 206;--disabled-color: #c1c7d0;--input-bg: #ffffff;--input-border: #d1d5db;--input-text: #333333;--card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--border-color: #e3e8ef;--header-shadow: 0 2px 10px rgba(0, 0, 0, .1);--footer-bg: var(--primary-color);--footer-text: #ffffff}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-accent: #2c2c2c;--text-color: #f5f5f5;--text-secondary: #c2c2c2;--text-muted: #a0a0a0;--primary-color: #1a8cff;--primary-hover: #3a9dff;--primary-rgb: 26, 140, 255;--disabled-color: #4d4d4d;--input-bg: #2c2c2c;--input-border: #3d3d3d;--input-text: #e6e6e6;--card-shadow: 0 4px 12px rgba(0, 0, 0, .4);--border-color: #3d3d3d;--header-shadow: 0 2px 10px rgba(0, 0, 0, .4);--footer-bg: var(--primary-color);--footer-text: #f5f5f5}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-secondary);color:var(--text-color);line-height:1.5;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh;display:flex;flex-direction:column}button,input,select,textarea{font-family:inherit;font-size:1rem}.form-group{position:relative}.form-group input,.form-group textarea,.form-group select{transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{animation:focusPulse .3s ease}@keyframes focusPulse{0%{box-shadow:0 0 rgba(var(--primary-rgb),.4)}70%{box-shadow:0 0 0 6px rgba(var(--primary-rgb),0)}to{box-shadow:0 0 rgba(var(--primary-rgb),0)}}html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color-scheme:dark}[data-theme=dark] .MuiPaper-root,[data-theme=dark] .MuiDialog-paper{background-color:var(--bg-primary);color:var(--text-color)}[data-theme=dark] .MuiPickersPopper-paper{background-color:var(--bg-primary);color:var(--text-color);border:1px solid var(--border-color)}[data-theme=dark] .MuiInputAdornment-root .MuiSvgIcon-root,[data-theme=dark] .MuiIconButton-root .MuiSvgIcon-root{color:var(--text-secondary)}[data-theme=dark] .MuiIconButton-root:hover .MuiSvgIcon-root{color:var(--primary-color)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--input-text);-webkit-box-shadow:0 0 0px 1000px var(--input-bg) inset;transition:background-color 5000s ease-in-out 0s}[data-theme=dark] input:-webkit-autofill,[data-theme=dark] input:-webkit-autofill:hover,[data-theme=dark] input:-webkit-autofill:focus{-webkit-text-fill-color:var(--input-text);-webkit-box-shadow:0 0 0px 1000px var(--input-bg) inset}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover);text-decoration:underline}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .loading-skeleton{background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:200% 100%}@media (max-width: 768px){.app-container{padding:1rem .75rem}input,button,select,textarea{min-height:42px}}@media (max-width: 480px){.app-container{padding:.75rem .5rem}.gap-1{gap:.125rem}.gap-2{gap:.25rem}.gap-3{gap:.375rem}.gap-4{gap:.75rem}.mb-1{margin-bottom:.125rem}.mb-2{margin-bottom:.375rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.125rem}.mt-2{margin-top:.375rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}}