[x-cloak]{display:none!important}.template-customizer{background:#f8fafc;border-radius:1rem;margin:2rem 0;padding:2rem}.template-preview{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease}.template-preview:hover{border-color:#4d8ef3;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.template-controls{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.5rem 0}.template-control-group{display:flex;flex-direction:column;gap:.5rem}.template-control-group label{color:#374151;font-size:.875rem;font-weight:600}.template-control-group input,.template-control-group select{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:all .2s ease}.template-control-group input:focus,.template-control-group select:focus{border-color:#4d8ef3;box-shadow:0 0 0 3px rgba(77,142,243,.1);outline:none}.color-picker{align-items:center;display:flex;gap:.5rem}.color-picker input[type=color]{background:none;border:none;border-radius:.5rem;cursor:pointer;height:3rem;width:3rem}.color-picker input[type=color]::-webkit-color-swatch-wrapper{border-radius:.5rem;overflow:hidden;padding:0}.color-picker input[type=color]::-webkit-color-swatch{border:none;border-radius:.5rem}.template-download{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.template-download:hover{box-shadow:0 10px 25px rgba(16,185,129,.3);color:#fff;transform:translateY(-2px)}.template-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.template-category{background:#f3f4f6;border:1px solid transparent;border-radius:2rem;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.template-category.active,.template-category:hover{background:#4d8ef3;border-color:#4d8ef3;color:#fff}.template-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:2rem 0}.template-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease}.template-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1);transform:translateY(-4px)}.template-card-image{background:#f9fafb;height:200px;object-fit:cover;width:100%}.template-card-content{padding:1.5rem}.template-card-title{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.template-card-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.template-card-actions{align-items:center;display:flex;gap:.75rem}.template-modal{align-items:center;background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.template-modal-content{background:#fff;border-radius:1rem;max-height:90vh;max-width:90vw;overflow:auto;position:relative}.template-modal-close{align-items:center;background:rgba(0,0,0,.5);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:absolute;right:1rem;top:1rem;width:2.5rem;z-index:10}.form-builder{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin:1.5rem 0;padding:1.5rem}.form-builder-toolbar{border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.form-builder-toolbar button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.form-builder-toolbar button:hover{background:#e5e7eb}.form-builder-canvas{background:#fafafa;border:2px dashed #d1d5db;border-radius:.5rem;min-height:200px;padding:1rem}.export-options{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:1.5rem 0}.export-option{align-items:center;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s ease}.export-option:hover{background:#f8faff;border-color:#4d8ef3}.export-option-icon{color:#6b7280;height:2rem;width:2rem}.export-option-label{color:#374151;font-size:.875rem;font-weight:500}@media (max-width:768px){.template-customizer{margin:1rem 0;padding:1rem}.template-controls,.template-grid{grid-template-columns:1fr}.template-grid{gap:1rem}.template-categories{justify-content:center}.template-modal{padding:1rem}.template-modal-content{max-height:95vh;max-width:95vw}.form-builder-toolbar{flex-wrap:wrap}.export-options{grid-template-columns:repeat(2,1fr)}}button[onclick*=exportToCSV],button[onclick*=exportToExcel],button[onclick*=exportToPDF]{background-color:inherit!important;color:inherit!important;display:flex!important;opacity:1!important;visibility:visible!important}[x-on\:click*=exportTo]{display:flex!important;opacity:1!important;visibility:visible!important}.step-navigation button[role=tab]{justify-content:center;min-width:80px}.step-navigation button[role=tab]:hover{box-shadow:0 2px 8px rgba(59,130,246,.15);transform:translateY(-1px)}.step-navigation button[role=tab]:focus{outline:2px solid #3b82f6;outline-offset:2px}.step-navigation button:not([role=tab]):hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}@media (max-width:768px){.step-navigation{flex-direction:column;gap:1rem}.step-navigation button[role=tab]{flex:1;min-width:auto}}button[onclick*=exportToExcel]{background-color:#059669!important;color:#fff!important}button[onclick*=exportToPDF]{background-color:#dc2626!important;color:#fff!important}button[onclick*=exportToCSV]{background-color:#2563eb!important;color:#fff!important}button[onclick*=exportToExcel]:hover{background-color:#047857!important;box-shadow:0 10px 25px -5px rgba(0,0,0,.2);transform:translateY(-2px)}button[onclick*=exportToPDF]:hover{background-color:#b91c1c!important;box-shadow:0 10px 25px -5px rgba(0,0,0,.2);transform:translateY(-2px)}button[onclick*=exportToCSV]:hover{background-color:#1d4ed8!important;box-shadow:0 10px 25px -5px rgba(0,0,0,.2);transform:translateY(-2px)}button:focus{outline:3px solid #3b82f6;outline-offset:2px}button[onclick*=exportTo] h6,button[onclick*=exportTo] p{color:#fff!important}button[onclick*=exportTo] svg{fill:#fff!important}button[onclick*=exportToCSV] h6,button[onclick*=exportToCSV] p,button[onclick*=exportToExcel] h6,button[onclick*=exportToExcel] p,button[onclick*=exportToPDF] h6,button[onclick*=exportToPDF] p{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}button[onclick*=exportTo] *{color:#fff!important}button[onclick*=exportTo]{position:relative!important;z-index:10!important}button[type=submit]{display:flex!important;opacity:1!important;visibility:visible!important}form button[type=submit]{background:linear-gradient(90deg,#2563eb,#1d4ed8)!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-weight:600!important;padding:12px 24px!important;transition:all .2s ease!important}form button[type=submit]:hover{background:linear-gradient(90deg,#1d4ed8,#1e40af)!important;box-shadow:0 4px 12px rgba(37,99,235,.3)!important;transform:translateY(-1px)!important}form button[type=submit]:disabled{cursor:not-allowed!important;opacity:.5!important;transform:none!important}body.customizer-open{left:0;position:fixed;top:0;width:100%}body.customizer-open,html.customizer-open{height:100vh;overflow:hidden!important}body.customizer-open *{overflow:hidden!important}.customizer-scroll-area{height:calc(100vh - 200px);max-height:calc(100vh - 200px);overflow-x:hidden!important;overflow-y:auto!important;position:relative;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin;z-index:1}.customizer-scroll-area::-webkit-scrollbar{width:8px}.customizer-scroll-area::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.customizer-scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.customizer-scroll-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.step-container::-webkit-scrollbar{width:6px}.step-container::-webkit-scrollbar-thumb,.step-container::-webkit-scrollbar-track{border-radius:3px}.step-container{max-height:80vh!important;overflow-x:hidden;scroll-behavior:smooth}.step-container,.step-container *{overflow:visible!important}.step-container{height:auto!important;max-height:calc(100vh - 200px)!important;min-height:600px;overflow-x:hidden!important;overflow-y:auto!important;position:relative!important;scroll-behavior:smooth!important;z-index:10!important;-webkit-overflow-scrolling:touch!important;padding-bottom:2rem!important}.step-container>:last-child{margin-bottom:1rem!important}@media (max-width:768px){.step-container{max-height:calc(100vh - 150px)!important}}@media (min-width:769px) and (max-width:1024px){.step-container{max-height:calc(100vh - 200px)!important}}@media (min-width:1025px){.step-container{max-height:calc(100vh - 200px)!important}}@media (min-width:1440px){.step-container{max-height:calc(100vh - 220px)!important}}@media (min-width:1920px){.step-container{max-height:calc(100vh - 240px)!important}}.step-container>*{height:auto!important;max-height:none!important}.customizer-scroll-area .step-container,body.customizer-open .step-container{overflow-x:hidden!important;overflow-y:auto!important}.step-container{scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.step-container::-webkit-scrollbar{width:8px}.step-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.step-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.step-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.step-container .btn,.step-container a[href="#"],.step-container button{position:relative;z-index:5}@media (max-height:600px){.step-container{max-height:calc(100vh - 100px)!important}}@media (max-width:768px) and (orientation:landscape){.step-container{max-height:calc(100vh - 120px)!important}}.custom-dropdown select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none!important;width:100%}.custom-dropdown select:focus+.chevron{color:#286bcd}.step-content{scroll-behavior:smooth}.customizer-container{bottom:0;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0}.customizer-content{display:flex;flex:1;flex-direction:column;overflow:hidden}.step-content,.step-content>div{max-width:100%;width:100%}.customizer-scroll-area{min-width:0;width:100%}.navigation-container{align-items:center;display:flex;gap:1rem;max-width:100%;width:100%}.navigation-left{display:flex;flex-shrink:0;justify-content:flex-start;width:120px}.navigation-center{flex-shrink:0;width:600px}.navigation-right{display:flex;flex-shrink:0;justify-content:flex-end;width:120px}.nav-button{transition:opacity .2s ease-in-out,transform .2s ease-in-out}.nav-button[x-show=false]{opacity:0;transform:scale(.95)}.toggle-switch{display:inline-block;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#d1d5db;border-radius:24px;bottom:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.1);cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:20px;left:2px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #3b82f6}.custom-dropdown{display:inline-block!important;overflow:visible!important;position:relative!important;width:100%!important}.custom-dropdown select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background:#fff!important;cursor:pointer!important;padding-right:2.5rem!important;transition:all .2s ease-in-out!important}.custom-dropdown select:focus,.custom-dropdown select:hover{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.1)!important}.custom-dropdown select:focus{outline:none!important}.custom-dropdown .chevron{pointer-events:none!important;position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;transition:transform .2s ease-in-out!important;z-index:10!important}.custom-dropdown select:focus+.chevron{transform:translateY(-50%) rotate(180deg)}.custom-dropdown select::-ms-expand{display:none}@-moz-document url-prefix(){.custom-dropdown select{background-image:none}}@supports (-webkit-appearance:none){.custom-dropdown select{background-image:none}}