.input-wrapper{flex-direction:column;gap:8px;display:flex}.input-label{color:var(--text-main);font-size:14px;font-weight:500}.input-required{color:#f44;margin-left:4px}.input-container{align-items:center;width:100%;display:flex;position:relative}.input-field{background:var(--card-bg);border:1px solid var(--border-color);box-sizing:border-box;width:100%;color:var(--text-main);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:14px;transition:all .3s}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #3b82f61a}.input-field:hover:not(:disabled){border-color:var(--primary-color)}.input-sm{min-height:28px;padding:6px 10px;font-size:12px}.input-md{min-height:48px;padding:8px 12px;font-size:14px}.input-lg{min-height:40px;padding:10px 14px;font-size:16px}.input-disabled{background:var(--active-bg);color:var(--text-muted);cursor:not-allowed;border-color:var(--border-color)}.input-invalid{border-color:#f44}.input-invalid:focus{border-color:#f44;box-shadow:0 0 0 2px #f443}.input-unstyle{color:var(--text-main);background:0 0;border:none;padding:0}.input-textarea{resize:vertical;min-height:100px;padding:8px 12px}.input-prefix,.input-suffix{color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;padding:0 12px;font-size:14px;display:flex;position:absolute}.input-prefix{z-index:1;left:0}.input-suffix{z-index:1;right:0}.input-container .input-prefix+.input-field{padding-left:36px}.input-container .input-field:has(+.input-suffix){padding-right:36px}
.select-wrapper{flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.select-label{color:var(--text-main);align-items:center;font-size:14px;font-weight:600;display:flex}.select-required{color:#ef4444;margin-left:4px}.custom-select-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;width:100%;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.custom-select-container:hover{border-color:var(--primary-color)}.custom-select-container.is-open{border-color:var(--primary-color);box-shadow:0 0 0 4px #3b82f61a}.custom-select-container.select-invalid{border-color:#ef4444}.select-trigger{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;padding:12px 16px;display:flex}.selected-value{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.selected-value.placeholder{color:var(--text-muted)}.select-arrow{color:var(--text-muted);transition:transform .3s}.select-arrow.rotate{color:var(--primary-color);transform:rotate(180deg)}.select-dropdown{background:var(--card-bg);border:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;animation:.2s ease-out slideInDown;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.select-search-wrapper{border-bottom:1px solid var(--border-color);padding:12px}.select-search-input{border:1px solid var(--border-color);background:var(--active-bg);width:100%;color:var(--text-main);border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.select-search-input:focus{border-color:var(--primary-color)}.select-options-list{max-height:240px;padding:6px;overflow-y:auto}.select-options-list::-webkit-scrollbar{width:6px}.select-options-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.select-option{color:var(--text-main);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.select-option:hover{background:var(--active-bg);color:var(--primary-color)}.select-option.selected{color:var(--primary-color);background:#3b82f61a;font-weight:600}.no-options{text-align:center;color:var(--text-muted);padding:20px;font-size:13px}.select-error-msg{color:#ef4444;align-items:center;gap:6px;margin-top:4px;font-size:12px;font-weight:500;display:flex}
.radio-group-wrapper{flex-direction:column;gap:12px;display:flex}.radio-group-label{color:var(--text-main);font-size:14px;font-weight:500}.radio-options{flex-direction:column;gap:8px;display:flex}.radio-option-item{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.radio-input{cursor:pointer;width:16px;height:16px;accent-color:var(--primary-color)}.radio-label-text{color:var(--text-muted)}
.switcher-wrapper{align-items:center;gap:12px;display:flex}.switcher-label{color:var(--text-main);font-size:14px;font-weight:500}.switcher-container{width:44px;height:22px;display:inline-block;position:relative}.switcher-input{opacity:0;width:0;height:0}.switcher-slider{cursor:pointer;background-color:var(--border-color);border-radius:34px;transition:all .4s;position:absolute;inset:0}.switcher-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #0000001a}.switcher-input:checked+.switcher-slider{background-color:var(--primary-color)}.switcher-input:focus+.switcher-slider{box-shadow:0 0 1px var(--primary-color)}.switcher-input:checked+.switcher-slider:before{transform:translate(22px)}.switcher-input:disabled+.switcher-slider{opacity:.5;cursor:not-allowed}
.datepicker-wrapper{flex-direction:column;gap:8px;width:100%;display:flex}.datepicker-label{color:var(--text-main);font-size:14px;font-weight:500}.datepicker-required{color:#f44;margin-left:4px}
.media-upload-wrapper{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:8px;padding:24px;display:flex}.media-label{color:var(--text-main);font-size:16px;font-weight:600}.media-description{color:var(--text-muted);font-size:14px}.media-dropzone{border:2px dashed var(--border-color);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;height:120px;transition:all .2s;display:flex;position:relative}.media-dropzone:hover{border-color:var(--primary-color);background-color:var(--active-bg)}.media-input{opacity:0;cursor:pointer;position:absolute;inset:0}.media-placeholder{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;font-size:14px;display:flex}.media-placeholder svg{color:var(--primary-color)}.dimension-hint{color:var(--text-muted);font-size:12px}.media-previews{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.media-preview-item{border:1px solid var(--border-color);border-radius:8px;width:80px;height:80px;position:relative;overflow:hidden}.media-preview-item img{object-fit:cover;width:100%;height:100%}.media-remove-btn{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;display:flex;position:absolute;top:4px;right:4px}
.file-input-wrapper{flex-direction:column;gap:12px;width:100%;display:flex}.file-input-label{color:var(--text-main);margin-bottom:4px;font-size:16px;font-weight:600}.file-input-container{width:100%;height:48px;position:relative}.file-input-hidden{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;inset:0}.file-input-display{background:var(--active-bg);border:1px solid var(--border-color);z-index:1;border-radius:10px;justify-content:space-between;align-items:center;padding:0 16px;transition:all .2s;display:flex;position:absolute;inset:0}.file-input-container:hover .file-input-display{border-color:var(--primary-color);background:var(--card-bg)}.file-input-placeholder{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-right:12px;font-size:14px;overflow:hidden}.file-input-browse{color:var(--text-main);flex-shrink:0;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.file-input-browse svg{color:var(--text-main)}
.checkbox-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-main);align-items:center;gap:10px;font-size:14px;transition:all .2s;display:flex}.checkbox-wrapper.disabled{cursor:not-allowed;opacity:.6}.checkbox-container{width:20px;height:20px;position:relative}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox-box{border:2px solid var(--border-color);background-color:#0000;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex;position:absolute;top:0;left:0}.checkbox-box.checked{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox-wrapper:hover .checkbox-box{border-color:var(--primary-color)}.checkbox-label{font-weight:500}