.page-container{padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-title{font-size:24px;font-weight:600;margin:0}.header-left{display:flex;flex-direction:column;gap:8px}.limit-info{display:flex;align-items:center;gap:6px;font-size:13px;color:#666;padding:6px 12px;background:#f0f7ff;border:1px solid #d0e7ff;border-radius:6px}.limit-info.limit-reached{background:#fff3cd;border-color:#ffc107;color:#856404}.limit-info i{font-size:16px;color:#667eea}.limit-info.limit-reached i{color:#ffc107}.limit-text{font-weight:500}.remaining{color:#28a745;font-weight:600}.remaining.limit-reached{color:#dc3545}.page-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;align-items:flex-end}.filter-group{flex:0 0 auto;width:160px;display:block;margin-bottom:0}.filter-label{display:block;font-size:12px;color:#6c757d;margin-bottom:4px;white-space:nowrap}.filter-group--action{min-width:auto}.page-toolbar .form-control{padding:6px 12px;height:auto;line-height:1.4}.search-box{position:relative;flex:1;max-width:400px}.search-box input{padding-right:40px}.search-box i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.table-wrapper{background:#fff;border-radius:8px;overflow-x:auto;overflow-y:visible;box-shadow:0 2px 4px rgba(0,0,0,.05);-webkit-overflow-scrolling:touch}.table-wrapper table{width:100%;min-width:600px;border-collapse:collapse}@media (max-width:768px){.page-container{padding:12px}.page-header{flex-direction:column;align-items:flex-start;gap:8px}.page-title{font-size:20px}.page-toolbar{flex-direction:column;gap:8px;align-items:stretch}.filter-group{min-width:100%;width:100%}.search-box{max-width:100%;width:100%}}.header-actions[data-v-349b1d35]{display:flex;gap:8px}.order-hint[data-v-349b1d35]{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:8px 14px;font-size:13px;color:#92400e;margin-bottom:12px;display:flex;align-items:center;gap:6px}.category-tree[data-v-349b1d35]{display:flex;flex-direction:column;gap:8px}.level1-block[data-v-349b1d35]{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:box-shadow .15s;cursor:default}.level1-block.drag-over[data-v-349b1d35]{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.25)}.level1-block.dragging[data-v-349b1d35]{opacity:.5}.level2-block[data-v-349b1d35]{border-top:1px solid #e9ecef;transition:background .1s}.level2-block.drag-over>.category-row.level-2[data-v-349b1d35]{background:#eff6ff}.level2-block.dragging[data-v-349b1d35]{opacity:.45}.category-row[data-v-349b1d35]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:8px}.category-row.level-1[data-v-349b1d35]{background:#f3f4f6}.category-row.level-2[data-v-349b1d35]{background:#fff;padding-left:36px;border-bottom:1px solid #f1f5f9}.level2-block:last-child>.category-row.level-2[data-v-349b1d35]:last-of-type,.level2-block:last-child>.category-row.level-2[data-v-349b1d35]:only-child{border-bottom:none}.category-row.level-3[data-v-349b1d35]{background:#f9fafb;padding-left:60px;border-top:1px solid #f1f5f9}.category-row.level-3.drag-over[data-v-349b1d35]{background:#eff6ff}.category-row.level-3.dragging[data-v-349b1d35]{opacity:.4}.btn-toggle[data-v-349b1d35]{width:22px;height:22px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:15px;flex-shrink:0;border-radius:4px;transition:color .15s,background .15s;padding:0}.btn-toggle[data-v-349b1d35]:hover{color:#4b5563;background:rgba(0,0,0,.05)}.toggle-spacer[data-v-349b1d35]{width:22px;flex-shrink:0}.cat-left[data-v-349b1d35]{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.drag-handle[data-v-349b1d35]{cursor:grab;color:#c4c9d4;font-size:16px;flex-shrink:0;padding:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-handle[data-v-349b1d35]:hover{color:#9ca3af}.order-num[data-v-349b1d35]{font-size:11px;color:#9ca3af;min-width:18px;text-align:center;flex-shrink:0}.cat-info[data-v-349b1d35]{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.cat-icon[data-v-349b1d35]{font-size:15px;flex-shrink:0}.lv1-icon[data-v-349b1d35]{color:#4b5563}.lv2-icon[data-v-349b1d35]{color:#6b7280}.lv3-icon[data-v-349b1d35]{color:#9ca3af}.cat-name[data-v-349b1d35]{font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-row.level-2 .cat-name[data-v-349b1d35],.category-row.level-3 .cat-name[data-v-349b1d35]{font-weight:400}.cat-badge[data-v-349b1d35]{color:#6b7280;background:#e5e7eb;padding:1px 7px}.cat-badge[data-v-349b1d35],.status-tag[data-v-349b1d35]{font-size:11px;border-radius:10px;white-space:nowrap;flex-shrink:0}.status-tag[data-v-349b1d35]{padding:2px 8px;font-weight:500}.status-tag.active[data-v-349b1d35]{background:#d1fae5;color:#065f46}.status-tag.inactive[data-v-349b1d35]{background:#f3f4f6;color:#6b7280}.cat-actions[data-v-349b1d35]{display:flex;gap:4px;flex-shrink:0}.btn-icon[data-v-349b1d35]{width:30px;height:30px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px;transition:all .15s}.btn-icon[data-v-349b1d35]:hover:not(:disabled){background:#f3f4f6;color:#374151}.btn-icon[data-v-349b1d35]:disabled{opacity:.3;cursor:not-allowed}.btn-icon.danger[data-v-349b1d35]:hover:not(:disabled){background:#fef2f2;color:#dc2626;border-color:#fca5a5}.empty-state[data-v-349b1d35]{text-align:center;padding:60px 20px;color:#9ca3af}.empty-state i[data-v-349b1d35]{font-size:48px;display:block;margin-bottom:12px}.loading-state[data-v-349b1d35]{padding:40px;text-align:center;color:#9ca3af}.modal-overlay[data-v-349b1d35]{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-box[data-v-349b1d35]{background:#fff;border-radius:12px;width:440px;max-width:95vw;box-shadow:0 20px 40px rgba(0,0,0,.15)}.modal-header[data-v-349b1d35]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f1f5f9}.modal-header h3[data-v-349b1d35]{margin:0;font-size:16px;font-weight:600}.btn-close[data-v-349b1d35]{background:none;border:none;font-size:20px;cursor:pointer;color:#9ca3af}.modal-body[data-v-349b1d35]{padding:20px 24px}.form-group[data-v-349b1d35]{margin-bottom:16px}.form-group label[data-v-349b1d35]{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.form-group label.required[data-v-349b1d35]:after{content:" *";color:#ef4444}.form-control[data-v-349b1d35]{width:100%;height:38px;border:1px solid #d1d5db;border-radius:6px;padding:0 10px;font-size:14px;box-sizing:border-box}.modal-footer[data-v-349b1d35]{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid #f1f5f9}.btn[data-v-349b1d35]{padding:8px 18px;border-radius:6px;cursor:pointer;font-size:14px;border:none;font-weight:500;display:flex;align-items:center;gap:6px}.btn-primary[data-v-349b1d35]{background:#3b82f6;color:#fff}.btn-primary[data-v-349b1d35]:hover:not(:disabled){background:#2563eb}.btn-primary[data-v-349b1d35]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-349b1d35]{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.btn-success[data-v-349b1d35]{background:#10b981;color:#fff}.btn-success[data-v-349b1d35]:hover:not(:disabled){background:#059669}.btn-success[data-v-349b1d35]:disabled{opacity:.6;cursor:not-allowed}