.options-item-box[data-v-57727140]{display:flex;margin-bottom:10px}.category-field-container[data-v-8a22bfb6]{padding:24px;min-height:calc(100vh - 60px);background:#fff}.search-section[data-v-8a22bfb6]{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03);padding:20px 24px;margin-bottom:20px}.search-form[data-v-8a22bfb6]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.add-btn[data-v-8a22bfb6]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(14,165,233,.3)}.add-btn[data-v-8a22bfb6]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(14,165,233,.4)}.add-btn i[data-v-8a22bfb6]{font-size:20px;color:#fff}.search-input[data-v-8a22bfb6] .el-input__wrapper{border-radius:8px;box-shadow:inset 0 0 0 1px #e5e7eb;transition:all .2s ease}.search-input[data-v-8a22bfb6] .el-input__wrapper:hover{box-shadow:inset 0 0 0 1px #0ea5e9}.search-input[data-v-8a22bfb6] .el-input__wrapper.is-focus{box-shadow:inset 0 0 0 1px #0ea5e9,0 0 0 3px rgba(14,165,233,.1)}.action-btns[data-v-8a22bfb6]{display:flex;gap:12px}.btn-search[data-v-8a22bfb6]{background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:8px;padding:10px 24px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px rgba(14,165,233,.3)}.btn-search[data-v-8a22bfb6]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(14,165,233,.4)}.btn-reset[data-v-8a22bfb6]{border-radius:8px;padding:10px 24px;font-weight:500;border:1px solid #e5e7eb;color:#64748b;transition:all .3s ease}.btn-reset[data-v-8a22bfb6]:hover{border-color:#0ea5e9;color:#0ea5e9;background:rgba(14,165,233,.05)}.table-section[data-v-8a22bfb6]{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03);padding:20px 24px}.data-table[data-v-8a22bfb6]{width:100%}.data-table[data-v-8a22bfb6] .el-table__header{background:#f8fafc}.data-table[data-v-8a22bfb6] .el-table__header th{background:#f8fafc;color:#0f172a;font-weight:600;font-size:14px;padding:16px 12px;border-bottom:1px solid #e5e7eb}.data-table[data-v-8a22bfb6] .el-table__row{transition:all .2s ease}.data-table[data-v-8a22bfb6] .el-table__row:hover{background:#f8fafc}.data-table[data-v-8a22bfb6] .el-table__cell{padding:16px 12px;color:#334155;font-size:14px;border-bottom:1px solid #f1f5f9}.type-tag[data-v-8a22bfb6]{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.type-tag.input[data-v-8a22bfb6]{background:rgba(14,165,233,.1);color:#0ea5e9}.type-tag.number[data-v-8a22bfb6]{background:rgba(16,185,129,.1);color:#10b981}.type-tag.date[data-v-8a22bfb6]{background:rgba(245,158,11,.1);color:#f59e0b}.type-tag.select[data-v-8a22bfb6]{background:rgba(0,0,0,.1);color:#333}.action-btn[data-v-8a22bfb6]{padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;transition:all .2s ease}.action-btn.edit[data-v-8a22bfb6]{color:#0ea5e9;background:rgba(14,165,233,.1);border:none}.action-btn.edit[data-v-8a22bfb6]:hover{background:#0ea5e9;color:#fff}.action-btn.delete[data-v-8a22bfb6]{color:#ef4444;background:rgba(239,68,68,.1);border:none;margin-left:8px}.action-btn.delete[data-v-8a22bfb6]:hover{background:#ef4444;color:#fff}.pagination-wrapper[data-v-8a22bfb6]{display:flex;justify-content:flex-end;padding-top:20px;margin-top:20px;border-top:1px solid #f1f5f9}.pagination-wrapper[data-v-8a22bfb6] .el-pagination{--el-pagination-button-bg-color:#fff;--el-pagination-hover-color:#0ea5e9}.pagination-wrapper[data-v-8a22bfb6] .el-pagination .el-pager li{border-radius:8px;margin:0 4px;min-width:36px;height:36px;font-weight:500;transition:all .2s ease}.pagination-wrapper[data-v-8a22bfb6] .el-pagination .el-pager li.is-active{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 2px 8px rgba(14,165,233,.3)}.pagination-wrapper[data-v-8a22bfb6] .el-pagination button{border-radius:8px;min-width:36px;height:36px;transition:all .2s ease}.pagination-wrapper[data-v-8a22bfb6] .el-pagination .el-select .el-input__wrapper{border-radius:8px;box-shadow:inset 0 0 0 1px #e5e7eb}.empty-state[data-v-8a22bfb6]{padding:60px 20px;text-align:center;color:#9ca3af}.empty-state i[data-v-8a22bfb6]{font-size:48px;margin-bottom:16px;color:#d1d5db}@media screen and (max-width:1200px){.search-form[data-v-8a22bfb6]{gap:12px}}@media screen and (max-width:768px){.category-field-container[data-v-8a22bfb6],.search-section[data-v-8a22bfb6],.table-section[data-v-8a22bfb6]{padding:16px}.search-form[data-v-8a22bfb6]{flex-direction:column;align-items:stretch}.action-btns[data-v-8a22bfb6]{justify-content:flex-end}.data-table[data-v-8a22bfb6] .el-table__cell,.data-table[data-v-8a22bfb6] .el-table__header th{padding:12px 8px;font-size:13px}}@media screen and (max-width:480px){.action-btn[data-v-8a22bfb6]{padding:4px 10px;font-size:12px}.pagination-wrapper[data-v-8a22bfb6]{justify-content:center}}