.searchable-select{border:none!important;outline:none!important;position:relative;width:100%}.searchable-select:focus,.searchable-select:focus-visible,.searchable-select:focus-within{border:none!important;outline:none!important}.searchable-select.disabled{opacity:.6;pointer-events:none}.searchable-select-trigger{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:3px;border-radius:var(--input-border-radius,3px);box-sizing:border-box;color:#1f2937;color:var(--color-text-primary,#1f2937);cursor:pointer;display:flex;font-size:.8rem;font-size:var(--input-font-size,.8rem);height:32px;height:var(--input-height,32px);justify-content:space-between;max-height:32px;max-height:var(--input-height,32px);min-height:32px;min-height:var(--input-height,32px);outline:none!important;padding:0 .5rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.searchable-select-input:invalid,.searchable-select-trigger:invalid,.searchable-select:invalid{border-style:solid!important;box-shadow:none!important;outline:none!important}.searchable-select-input:focus-visible,.searchable-select-trigger:focus-visible{outline:none!important}.searchable-select.open .searchable-select-trigger{border-color:#667eea;border-color:var(--color-primary,#667eea);box-shadow:0 0 0 2px #667eea1a}.searchable-select-trigger:hover{border-color:#667eea;border-color:var(--color-border-focus,#667eea)}.searchable-select-trigger:focus{border-color:#667eea;border-color:var(--color-primary,#667eea);box-shadow:0 0 0 2px #667eea1a;outline:none}.searchable-select-input{background:#0000;border:none;color:inherit;flex:1 1;font-size:inherit;min-width:0;outline:none;padding:0}.searchable-select-input::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.searchable-select-value{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.searchable-select-value.placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.searchable-select-arrow{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;flex-shrink:0;justify-content:center;margin-left:.5rem}.searchable-select-dropdown{animation:dropdownFadeIn .15s ease;background:#fff;border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:6px;border-radius:var(--radius-md,6px);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-lg,0 4px 12px #00000026);left:0;margin-top:4px;max-height:250px;min-width:150px;overflow-y:auto;position:absolute;top:100%;width:-webkit-max-content;width:max-content;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.searchable-select.drop-up .searchable-select-dropdown{animation:dropdownFadeInUp .15s ease;bottom:100%;margin-bottom:4px;margin-top:0;top:auto}@keyframes dropdownFadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.searchable-select-option{align-items:center;cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem;transition:background .1s ease}.searchable-select-option.separator{background:#f8f9fa;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;color:#6c757d;cursor:default;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;margin-top:.25rem;padding:.375rem .75rem;pointer-events:none;text-transform:uppercase}.searchable-select-option.separator:first-child{border-top:none;margin-top:0}.searchable-select-option.separator:empty,.searchable-select-option.separator:has(.option-label:empty){background:#0000;border-bottom:none;border-top:1px solid #e2e8f0;margin-bottom:0;margin-top:.5rem;padding:.25rem .75rem}.searchable-select-option.highlighted,.searchable-select-option.selected,.searchable-select-option:hover{background:#f0f4ff;background:var(--color-bg-hover,#f0f4ff)}.searchable-select-option.selected{font-weight:500}.searchable-select-option .option-label{color:#1f2937;color:var(--color-text-primary,#1f2937);flex:1 1;font-size:.85rem}.searchable-select-option .option-subtitle{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.75rem}.searchable-select-option .option-check{color:#667eea;color:var(--color-primary,#667eea);flex-shrink:0}.searchable-select-empty{text-align:center}.searchable-select-empty,.searchable-select-loading{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.85rem;padding:1rem}.searchable-select-loading{align-items:center;display:flex;gap:.5rem;justify-content:center}.searchable-select.multi .searchable-select-trigger{flex-wrap:wrap;height:auto;max-height:none;min-height:32px;min-height:var(--input-height,32px);padding:.25rem .5rem}.searchable-select-tags{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.25rem;min-width:0}.select-tag{align-items:center;background:#e0e7ff;background:var(--color-bg-hover,#e0e7ff);border-radius:4px;color:#4f46e5;color:var(--color-primary,#4f46e5);display:inline-flex;font-size:.75rem;gap:.25rem;max-width:120px;overflow:hidden;padding:.125rem .375rem;text-overflow:ellipsis;white-space:nowrap}.select-tag.more{background:#c7d2fe;background:var(--color-primary-light,#c7d2fe);color:#4338ca;color:var(--color-primary,#4338ca);font-weight:500}.tag-remove{align-items:center;background:none;border:none;color:#4f46e5;color:var(--color-primary,#4f46e5);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:.7;padding:0}.tag-remove:hover{opacity:1}.searchable-select-input.inline{flex:1 1;max-width:100%;min-width:60px}.searchable-select-actions{align-items:center;display:flex;flex-shrink:0;gap:.25rem;margin-left:.25rem}.clear-all-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;height:18px;justify-content:center;opacity:.7;padding:0;transition:all .15s ease;width:18px}.clear-all-btn:hover{background:#f3f4f6;background:var(--color-bg-hover,#f3f4f6);color:#dc2626;color:var(--color-danger,#dc2626);opacity:1}.option-checkbox{align-items:center;background:#fff;border:2px solid #d1d5db;border:2px solid var(--color-border,#d1d5db);border-radius:3px;display:flex;flex-shrink:0;height:16px;justify-content:center;transition:all .15s ease;width:16px}.option-checkbox.checked{background:#667eea;background:var(--color-primary,#667eea);color:#fff}.option-checkbox.checked,.searchable-select-option:hover .option-checkbox:not(.checked){border-color:#667eea;border-color:var(--color-primary,#667eea)}@media (max-width:768px){.searchable-select-dropdown{max-height:200px}.searchable-select-option{padding:.75rem 1rem}.select-tag{max-width:80px}}.demo-page{background:#f8fafc;min-height:100vh}.demo-hero{background:linear-gradient(135deg,#16a34a,#0d9488 50%,#059669);color:#fff;overflow:hidden;padding:5rem 0 4rem;position:relative}.demo-hero:before{background:radial-gradient(circle,#ffffff0f 0,#0000 70%);height:600px;right:-10%;top:-40%;width:600px}.demo-hero:after,.demo-hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.demo-hero:after{background:radial-gradient(circle,#ffffff0a 0,#0000 70%);bottom:-30%;height:400px;left:-5%;width:400px}.demo-hero-inner{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 420px;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:1}.demo-hero-text{padding-top:1rem}.demo-hero-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:100px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.02em;margin-bottom:1.5rem;padding:.4rem 1rem}.demo-hero-text h1{color:#fff;font-size:3rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:1.25rem}.demo-hero-text>p{font-size:1.15rem;line-height:1.7;margin-bottom:2.5rem;max-width:520px;opacity:.92}.demo-hero-stats{display:flex;flex-wrap:wrap;gap:2rem}.demo-stat{display:flex;flex-direction:column}.demo-stat-value{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.demo-stat-label{font-size:.8rem;font-weight:500;margin-top:.15rem;opacity:.75}.demo-hero-form-wrapper{scroll-margin-top:100px}.demo-form{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;color:#1e293b;padding:2rem}.demo-form h2{font-size:1.35rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.25rem}.demo-form-subtitle{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:.35rem;margin-bottom:1.5rem}.demo-form-fields{display:flex;flex-direction:column;gap:1rem}.demo-form-group{display:flex;flex-direction:column;gap:.35rem}.demo-form-group label{color:#374151;font-size:.8rem;font-weight:600}.demo-form-group label .optional{color:#9ca3af;font-weight:400}.demo-form-group input,.demo-form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:.9rem;padding:.7rem .85rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.demo-form-group input::placeholder,.demo-form-group textarea::placeholder{color:#9ca3af}.demo-form-group input:focus,.demo-form-group textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f;outline:none}.demo-form-group textarea{min-height:70px;resize:vertical}.demo-form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.demo-form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.85rem;margin-top:.25rem;padding:.7rem .85rem}.demo-submit-btn{align-items:center;background:linear-gradient(135deg,#16a34a,#0d9488);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.01em;margin-top:1.25rem;padding:.85rem 1.5rem;transition:all .2s ease;width:100%}.demo-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#059669);box-shadow:0 6px 20px #16a34a66;transform:translateY(-1px)}.demo-submit-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.demo-form-note{color:#94a3b8;font-size:.78rem;margin-top:.75rem;text-align:center}.demo-success{padding:2.5rem 2rem;text-align:center}.demo-success-icon{color:#10b981;margin-bottom:1rem}.demo-success-icon svg{height:48px;width:48px}.demo-success h2{margin-bottom:.75rem}.demo-success p{color:#64748b;font-size:.95rem;line-height:1.6;margin-bottom:.5rem}.demo-video-wrapper{border-radius:12px;box-shadow:0 12px 40px #0000004d;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.demo-video-wrapper iframe{border:none;border-radius:12px;height:100%;left:0;position:absolute;top:0;width:100%}.demo-video-hero{margin:1.5rem 0}.demo-features-section{background:#fff;padding:5rem 0}.demo-section-inner{margin:0 auto;max-width:1200px;padding:0 2rem}.demo-section-header{margin-bottom:3rem;text-align:center}.demo-section-header h2{color:#1e293b;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.demo-section-header p{color:#64748b;font-size:1.05rem;line-height:1.6;margin:0 auto;max-width:550px}.demo-features-grid{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(3,1fr)}.demo-feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:1.75rem;transition:all .25s ease}.demo-feature-card:hover{border-color:#bbf7d0;box-shadow:0 8px 24px #16a34a14;transform:translateY(-2px)}.demo-feature-icon{align-items:center;background:linear-gradient(135deg,#16a34a,#0d9488);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.demo-feature-card h3{color:#1e293b;font-size:1.05rem;font-weight:700;margin-bottom:.5rem}.demo-feature-card p{color:#64748b;font-size:.9rem;line-height:1.6}.demo-steps-section{background:#f8fafc;padding:5rem 0}.demo-steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);position:relative}.demo-step{padding:0 1rem;position:relative;text-align:center}.demo-step-number{align-items:center;background:linear-gradient(135deg,#16a34a,#0d9488);border-radius:50%;box-shadow:0 4px 14px #16a34a4d;color:#fff;display:flex;font-size:1.25rem;font-weight:800;height:52px;justify-content:center;margin:0 auto 1.25rem;width:52px}.demo-step h3{color:#1e293b;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.demo-step p{color:#64748b;font-size:.9rem;line-height:1.6;margin:0 auto;max-width:260px}.demo-step-connector{display:none}@media (min-width:769px){.demo-steps:before{background:linear-gradient(90deg,#bbf7d0,#a7f3d0);content:"";height:2px;left:calc(16.67% + 26px);position:absolute;right:calc(16.67% + 26px);top:26px;z-index:0}.demo-step-number{position:relative;z-index:1}}.demo-bottom-cta{background:linear-gradient(135deg,#16a34a,#0d9488);color:#fff;padding:5rem 0;text-align:center}.demo-bottom-cta h2{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem}.demo-bottom-cta p{font-size:1.05rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px;opacity:.9}.demo-cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.demo-cta-primary{align-items:center;background:#fff;border-radius:10px;color:#16a34a;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.85rem 2rem;text-decoration:none;transition:all .2s ease}.demo-cta-primary:hover{box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.demo-cta-secondary{align-items:center;background:#0000;border:2px solid #fff6;border-radius:10px;color:#fff;display:inline-flex;font-size:1rem;font-weight:700;padding:.85rem 2rem;text-decoration:none;transition:all .2s ease}.demo-cta-secondary:hover{background:#ffffff1a;border-color:#ffffffb3}@media (max-width:1024px){.demo-hero-inner{gap:2.5rem;grid-template-columns:1fr;text-align:center}.demo-hero-text>p{max-width:100%}.demo-hero-stats{justify-content:center}.demo-hero-form-wrapper{margin:0 auto;max-width:480px}.demo-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.demo-hero{padding:3.5rem 0 3rem}.demo-hero-text h1{font-size:2.25rem}.demo-hero-stats{gap:1.25rem}.demo-features-grid{gap:1.25rem;grid-template-columns:1fr}.demo-steps{gap:2.5rem;grid-template-columns:1fr}.demo-steps:before{display:none}.demo-form-row{grid-template-columns:1fr}.demo-bottom-cta h2{font-size:1.5rem}}@media (max-width:480px){.demo-hero{padding:2.5rem 0 2rem}.demo-hero-inner{padding:0 1rem}.demo-hero-text h1{font-size:1.75rem}.demo-hero-text>p{font-size:1rem}.demo-form{padding:1.5rem}.demo-section-inner{padding:0 1rem}.demo-bottom-cta,.demo-features-section,.demo-steps-section{padding:3rem 0}.demo-section-header h2{font-size:1.5rem}.demo-cta-buttons{align-items:center;flex-direction:column}.demo-cta-primary,.demo-cta-secondary{justify-content:center;width:100%}}
/*# sourceMappingURL=9567.86e5e8d9.chunk.css.map*/