.loading-overlay[data-v-e8eb47c4]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:opacity .2s ease-in-out;z-index:1000}.works-container[data-v-e8eb47c4]{background:#fff;margin:0 auto;max-width:1280px;padding:24px 20px}.works-header[data-v-e8eb47c4]{margin-bottom:32px}.header-title[data-v-e8eb47c4]{color:#111827;font-size:1.75rem;font-weight:600;margin-bottom:16px}.header-info-box[data-v-e8eb47c4]{background:#fafbfc;border:1px solid #e5e7eb;border-radius:8px;padding:20px 24px 16px}.header-greeting[data-v-e8eb47c4]{color:#374151;font-size:1rem}.works-main-box[data-v-e8eb47c4]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:0 0 24px;position:relative}.works-toolbar[data-v-e8eb47c4]{align-items:center;display:flex;gap:16px;padding:24px 24px 16px}.search-container[data-v-e8eb47c4]{display:flex;flex:1;gap:8px}.search-input[data-v-e8eb47c4]{border:1px solid #d1d5db;border-radius:6px;flex:1;font-size:.875rem;padding:8px 12px;width:50%}.search-btn[data-v-e8eb47c4]{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px}.date-select[data-v-e8eb47c4]{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;min-width:9rem;padding:8px 12px;width:auto}.works-toolbar-divider[data-v-e8eb47c4]{background:#f1f3f5;height:1px;margin:0 24px}.works-type-bar[data-v-e8eb47c4]{justify-content:space-between;margin-bottom:24px;padding:16px 24px 0}.type-group[data-v-e8eb47c4],.works-type-bar[data-v-e8eb47c4]{align-items:center;display:flex}.type-group[data-v-e8eb47c4]{gap:8px}.show-label[data-v-e8eb47c4]{color:#374151;font-size:.875rem;margin-right:8px}.type-btn[data-v-e8eb47c4]{background:transparent;border:none;color:#6b7280;cursor:pointer;font-size:.875rem;padding:6px 12px;position:relative;transition:all .2s}.type-btn.active[data-v-e8eb47c4]{color:#3b82f6}.type-btn.active[data-v-e8eb47c4]:after{background:#3b82f6;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.action-group[data-v-e8eb47c4]{display:flex;gap:8px}.action-btn[data-v-e8eb47c4]{align-items:center;background:transparent;border:none;color:#000;cursor:pointer;display:flex;font-size:.875rem;gap:4px;padding:6px 12px;transition:all .2s}.action-btn.delete-btn[data-v-e8eb47c4]{color:#dc2626}.action-btn[data-v-e8eb47c4]:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.works-list[data-v-e8eb47c4]{display:grid;gap:10px;grid-template-columns:repeat(3,350px)}.no-data[data-v-e8eb47c4],.works-list[data-v-e8eb47c4]{justify-content:center;margin:0 16px 32px}.no-data[data-v-e8eb47c4]{align-items:center;display:flex;min-height:200px;width:1052px}.no-data-text[data-v-e8eb47c4]{color:#9ca3af;font-size:1.125rem;font-weight:500}.pagination-container[data-v-e8eb47c4]{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:32px;padding-right:24px}.pagination-btn[data-v-e8eb47c4]{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:36px;justify-content:center;outline:none;transition:all .2s ease;width:36px}.pagination-btn[data-v-e8eb47c4]:hover:not(:disabled):not(.active){background:#f3f4f6;border-color:#9ca3af}.pagination-btn.active[data-v-e8eb47c4]{background:#3b82f6!important;border-color:#3b82f6!important;box-shadow:0 1px 3px #3b82f64d;color:#fff!important}.pagination-btn[data-v-e8eb47c4]:disabled{color:#9ca3af;cursor:not-allowed;opacity:.5}.pagination-btn[data-v-e8eb47c4]:disabled,.pagination-btn[data-v-e8eb47c4]:disabled:hover{background:#f9fafb;border-color:#e5e7eb}@media (max-width:768px){.pagination-container[data-v-e8eb47c4]{gap:2px;justify-content:center;padding-right:0}.pagination-btn[data-v-e8eb47c4]{font-size:.8rem;height:32px;width:32px}}.spinner[data-v-e8eb47c4]{animation:spin-e8eb47c4 1s linear infinite;border:5px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}@keyframes spin-e8eb47c4{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.batch-loading-spinner[data-v-e8eb47c4]{animation:spin-e8eb47c4 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}