.custom-form{border-radius:.75rem}.custom-form .form-field{margin-bottom:1.25rem}.custom-form label{color:#633d26;margin-bottom:.25rem;font-size:1rem;font-weight:500;display:block}.custom-form input[type=text],.custom-form input[type=email],.custom-form input[type=password],.custom-form input[type=date],.custom-form input[type=tel],.custom-form textarea,.custom-form select{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;outline:none;width:100%;margin-bottom:.5rem;padding:.5rem 1rem;font-size:1rem;transition:all .2s}.custom-form input[type=checkbox]{margin-left:.5rem;margin-right:.3rem}.custom-form input:focus,.custom-form textarea:focus,.custom-form select:focus{color:#fff;background-color:#218ffe;border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.custom-form.products-form input:focus,.custom-form.products-form textarea:focus,.custom-form.products-form select:focus{color:#000;background-color:#fff!important}.form-field.textarea-field{grid-column:span 2}.custom-form button[type=submit]{color:#fff;background:#633d26;border:none;border-radius:999px;width:100%;padding:.5rem 2rem;font-size:1rem;font-weight:600;transition:background .3s}.custom-form button[type=submit]:hover{background:#f97316}.custom-form .multi-select-dropdown{width:100%;position:relative}.custom-form .multi-select-input{cursor:pointer;background:0 0;border-bottom:1px solid #bdbdbd;flex-wrap:wrap;align-items:center;min-height:2.5rem;padding:.5rem 1rem;font-size:1rem;display:flex}.custom-form .multi-select-input.has-value{background:#f8f5ee}.custom-form .multi-select-tag{color:#fff;cursor:pointer;background:#633d26;border-radius:999px;margin-bottom:2px;margin-right:6px;padding:0 10px;font-size:.95em;transition:all .2s;display:inline-block}.custom-form .multi-select-tag:hover{background:#f97316}.custom-form .multi-select-options{z-index:10;background:#fff;border:1px solid #eee;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 2px 8px #633d2614}.custom-form .multi-select-option{cursor:pointer;padding:8px 16px;font-size:1rem;transition:all .2s}.custom-form .multi-select-option.selected,.custom-form .multi-select-option:hover{color:#fff;background:#f97316}.custom-form .date-range-picker{width:100%;min-width:332px;position:relative}.custom-form .date-range-input{cursor:pointer;color:#333;background:0 0;border-bottom:1px solid #bdbdbd;min-height:2.5rem;padding:.5rem 1rem;font-size:1rem;transition:border-color .2s}.custom-form .date-range-input.has-value{background:#f8f5ee}.custom-form .date-range-panel{z-index:20;background:#fff;border:1px solid #eee;margin-top:2px;padding:1rem;position:absolute;top:100%;left:0;right:0;box-shadow:0 2px 8px #633d2614}.custom-form .date-range-panel-label{color:#666;margin-bottom:.5rem;font-size:.95rem}.custom-form .date-range-calendar{vertical-align:top;margin-bottom:1rem;margin-right:1.5rem;display:inline-block}.custom-form .date-range-calendar:last-child{margin-right:0}.custom-form .date-range-calendar-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.custom-form .date-range-calendar-head button{color:#633d26;cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-size:1.1rem}.custom-form .date-range-calendar-week{color:#999;justify-content:space-between;margin-bottom:.2rem;font-size:.95rem;display:flex}.custom-form .date-range-calendar-weekday{text-align:center;width:2rem;height:2rem}.custom-form .date-range-calendar-grid{flex-wrap:wrap;display:flex}.custom-form .date-range-calendar-row{justify-content:space-between;width:100%;display:flex}.custom-form .date-range-calendar-day{text-align:center;cursor:pointer;color:#333;border-radius:4px;width:2rem;height:2rem;margin:1px;font-size:1rem;line-height:2rem;transition:background .2s,color .2s}.custom-form .date-range-calendar-day.selected,.custom-form .date-range-calendar-day:hover{color:#fff;background:#f97316}.custom-form .aligned-cell{text-align:center;box-sizing:border-box;width:2rem;min-width:2rem;max-width:2rem}.field-tips{color:#e53e3e;background:#fff0f0;border:1px solid #e53e3e;border-radius:.5rem;margin-top:.3rem;margin-bottom:.2rem;padding:.4rem .8rem;font-size:.98rem;animation:.3s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dynamic-form-container{width:100%}.dynamic-form-container form{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-field{flex-direction:column;display:flex}.form-field.col-span-2{grid-column:span 2}.form-field label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.form-field input,.form-field textarea,.form-field select{border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{ring:2px;ring-color:#3b82f6;border-color:#3b82f6;outline:none}.form-field textarea{resize:vertical;min-height:80px}.field-tips{color:#ef4444;margin-top:.25rem;font-size:.75rem;display:none}.field-tips[style*="display: block"]{display:block}.dynamic-form-container button[type=submit]{color:#fff;cursor:pointer;background:#218ffe;border:none;border-radius:.375rem;grid-column:span 2;margin-top:1rem;padding:.75rem 2rem;font-weight:500;transition:background-color .2s}.dynamic-form-container button[type=submit]:hover{background:#1a75e0}.radio,.checkbox,.checkbox-multi{flex-wrap:wrap;gap:.5rem;display:flex}.radio input[type=radio],.checkbox input[type=checkbox],.checkbox-multi input[type=checkbox]{margin-right:.25rem}@media (width<=767px){.dynamic-form-container form{gap:0;display:block}.form-field{margin-bottom:1rem;margin-left:1rem;margin-right:1rem}.form-field.col-span-2,.form-field.textarea-field{grid-column:span 1;margin-left:1rem;margin-right:1rem}.dynamic-form-container button[type=submit]{grid-column:span 1;margin-top:1rem;margin-left:1rem;margin-right:1rem}.form-field input,.form-field textarea,.form-field select{padding:.75rem 1rem}.custom-form .date-range-picker{width:100%;min-width:auto}.custom-form .date-range-panel{max-height:80vh;position:fixed;top:50%;left:1rem;right:1rem;overflow-y:auto;transform:translateY(-50%)}.custom-form .multi-select-options{max-height:60vh;position:fixed;top:50%;left:1rem;right:1rem;transform:translateY(-50%)}}@media (width<=480px){.form-field,.dynamic-form-container button[type=submit]{margin-left:.5rem;margin-right:.5rem}.custom-form .date-range-panel,.custom-form .multi-select-options{left:.5rem;right:.5rem}}
