.main-container{margin:0 auto;display:flex;flex-direction:column;height:calc(100vh - 64px);width:1200px;padding:2rem}.steps-bar{position:relative;margin:0 auto 1.5rem;display:flex;flex-shrink:0;width:1000px;align-items:center;justify-content:space-between}.steps-bar:before{content:"";position:absolute;left:15%;right:15%;top:1.25rem;height:2px;background-image:linear-gradient(to right,#e5e7eb,#f3f4f6,#e5e7eb);z-index:0}.step{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:.75rem}.step-number{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;border-width:2px;border-color:#e5e7eb;background-color:#fff;font-size:.875rem;font-weight:500;color:#9ca3af;transition-property:all;transition-duration:.3s}.step.active .step-number{transform:scale(1.1);border-color:#3b82f6;background-color:#3b82f6;color:#fff;box-shadow:0 10px 15px -3px #3b82f64d}.step-label{font-size:.875rem;font-weight:500;color:#9ca3af;transition-property:all;transition-duration:.3s}.step.active .step-label{color:#3b82f6}.content-area{margin:0 auto 4rem;display:flex;flex:1;flex-direction:column;width:100%;overflow:hidden;border-radius:.75rem;border-width:1px;border-color:#e5e7eb80;background-color:#fff;box-shadow:0 20px 25px -5px #e5e7eb80;backdrop-filter:blur(8px)}.step-panel{display:none;height:100%;padding:2rem}.step-panel.active{display:block;height:100%;overflow-y:auto;padding:2rem}h2{margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;border-bottom-width:1px;border-color:#f3f4f6;padding-bottom:1.5rem;font-size:1.25rem;font-weight:500;color:#1f2937}h2:before{content:"";height:1.5rem;width:.375rem;border-radius:9999px;background-color:#3b82f6}.form-group{margin-bottom:2rem}.form-group:last-child{margin-bottom:1rem}.form-group label{margin-bottom:.5rem;display:block;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#374151;transition-property:color;transition-duration:.2s}input[type=text],textarea{width:100%;border-radius:.5rem;border-width:1px;border-color:#e5e7eb;background-color:#fff;padding:.75rem 1rem;font-size:.875rem;color:#1f2937;transition-property:all;transition-duration:.2s}input[type=text]::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af}input[type=text]::placeholder,textarea::placeholder{color:#9ca3af}input[type=text]:hover,textarea:hover{border-color:#d1d5db}input[type=text]:focus,textarea:focus{border-color:#3b82f680;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgba(59, 130, 246, .2)}textarea{height:8rem;resize:none}.bottom-actions{position:fixed;bottom:0;left:0;right:0;z-index:10;flex-shrink:0;border-top-width:1px;border-color:#f3f4f6;background-color:#ffffffe6;padding-top:.75rem;padding-bottom:.75rem;box-shadow:0 -8px 30px -12px #0000001a;backdrop-filter:blur(16px)}.button-container{margin:0 auto;display:flex;width:1200px;align-items:center;justify-content:space-between;padding-left:2rem;padding-right:2rem}.btn-back,.btn-next{position:relative;display:flex;min-width:120px;align-items:center;justify-content:center;gap:.5rem;overflow:hidden;border-radius:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;transition-property:all;transition-duration:.2s}.btn-back{border-width:1px;border-color:#e5e7eb99;background-color:#f9fafb80;color:#6b7280}.btn-back:hover:not(:disabled){border-color:#d1d5db99;background-color:#f3f4f699;color:#4b5563}.btn-back:disabled{cursor:not-allowed;opacity:.4}.btn-back:disabled:hover{border-color:#e5e7eb99;background-color:#f9fafb80;color:#6b7280}.btn-back:before{content:"←";margin-right:.25rem;transition-property:transform;transition-duration:.2s}.btn-back:not(:disabled):hover:before{transform:translate(-.25rem)}.btn-next{position:relative;min-width:160px;background-image:linear-gradient(to right,#3b82f6,#2563eb);color:#fff;box-shadow:0 1px 2px #0000000d}.btn-next:hover:not(:disabled){transform:translateY(-1px) scale(1.02);background-color:#2563eb;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #3b82f633}.btn-next:active:not(:disabled){transform:scale(.98)}.btn-next:disabled{cursor:not-allowed;opacity:.5}.btn-next:disabled:hover{transform:translateY(0);scale:1;box-shadow:0 1px 2px #0000000d}.btn-next:after{content:"→";margin-left:.25rem;transition-property:transform;transition-duration:.2s}.btn-next:not(:disabled):hover:after{transform:translate(.25rem)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-panel.active{animation:slideIn .3s ease-out}.number-input-group{position:relative;width:120px}.number-input-group input[type=number]{width:100%;border-radius:.5rem;border-width:1px;border-color:#e5e7eb;background-color:#fff;padding:.625rem 1rem;text-align:center;font-size:.875rem;color:#1f2937;transition-property:all;transition-duration:.2s}.number-input-group input[type=number]:hover{border-color:#d1d5db}.number-input-group input[type=number]:focus{border-color:#3b82f680;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgba(59, 130, 246, .2)}.switch-label{display:flex;cursor:pointer;align-items:center;justify-content:space-between;border-radius:.5rem;padding:.5rem .25rem;transition-property:all;transition-duration:.2s}.switch-label:hover{background-color:#f9fafbcc}.switch-label span{color:#4b5563;transition-property:color;transition-duration:.2s}.switch-label:hover span{color:#111827}.switch{position:relative;display:inline-block;height:1.5rem;width:2.75rem;transition-property:all;transition-duration:.2s}.switch input{height:0;width:0;opacity:0}.slider{position:absolute;inset:0;cursor:pointer;border-radius:9999px;background-color:#e5e7ebcc;transition-property:all;transition-duration:.2s}.slider:before{content:"";position:absolute;bottom:.125rem;left:.125rem;height:1.25rem;width:1.25rem;border-radius:9999px;background-color:#fff;box-shadow:0 1px 2px #0000000d;transition-property:all;transition-duration:.2s}.switch input:checked+.slider{background-color:#3b82f6;box-shadow:inset 0 2px 4px #0000000f}.switch input:checked+.slider:before{transform:translate(1.25rem);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.switch input:focus+.slider{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgba(59, 130, 246, .2)}.accordion-item{margin-bottom:1.5rem;overflow:hidden;border-radius:1rem;border-width:1px;border-color:#f3f4f6cc;background-color:#fff;box-shadow:0 1px 2px #0000000d;transition-property:all;transition-duration:.2s}.accordion-item:hover{border-color:#e5e7eb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.accordion-header{border-bottom-width:1px;border-color:transparent;background-image:linear-gradient(to right,rgba(249,250,251,.5),transparent)}.accordion-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;padding:1rem 1.5rem;text-align:left;color:#1f2937;transition-property:color;transition-duration:.2s}.accordion-trigger:hover{background-color:#f9fafbcc}.accordion-trigger span{display:flex;align-items:center;gap:.75rem}.accordion-trigger span:before{content:"";height:1.5rem;width:.25rem;border-radius:9999px;background-color:#3b82f633;transition-property:all;transition-duration:.2s}.accordion-item.active .accordion-trigger span:before{background-color:#3b82f6}.accordion-icon{color:#9ca3af;transition-property:all;transition-duration:.3s}.accordion-item.active .accordion-icon{transform:rotate(180deg);color:#3b82f6}.accordion-item.active .accordion-header{border-color:#f3f4f6cc;background-image:linear-gradient(to right,rgba(239,246,255,.3),transparent)}.accordion-content{display:none;background-image:linear-gradient(to bottom,rgba(249,250,251,.3),transparent);padding:1.5rem 2rem}.accordion-item.active .accordion-content{display:block}.help-tooltip{position:relative;display:inline-flex;align-items:center;cursor:help}.tooltip-content{visibility:hidden;position:absolute;left:1.5rem;top:50%;z-index:50;width:300px;transform:translateY(-50%);border-radius:.5rem;border-width:1px;border-color:#e5e7eb;background-color:#fff;padding:.75rem;font-size:.875rem;color:#4b5563;opacity:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition-property:opacity;transition-duration:.2s}.help-tooltip:hover .tooltip-content{visibility:visible;opacity:1}.tooltip-content:after{content:"";position:absolute;left:-5px;top:50%;height:.625rem;width:.625rem;transform:translateY(-50%) rotate(135deg);border-bottom-width:1px;border-right-width:1px;border-color:#e5e7eb;background-color:#fff}
