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