.header-bar[data-v-a1ae2cbe]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.actions[data-v-a1ae2cbe]{display:flex;gap:10px;align-items:center}.search[data-v-a1ae2cbe]{position:relative;min-width:260px;width:320px}.search-icon[data-v-a1ae2cbe]{position:absolute;top:10px;left:12px;color:#9ca3af}.search-input[data-v-a1ae2cbe]{width:100%;padding:0 12px 0 36px}.form-control[data-v-a1ae2cbe],.search-input[data-v-a1ae2cbe]{height:38px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.form-control[data-v-a1ae2cbe]{padding:0 10px}.card[data-v-a1ae2cbe]{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:16px}.table[data-v-a1ae2cbe]{width:100%;border-collapse:separate;border-spacing:0}.table thead th[data-v-a1ae2cbe]{background:#fafafa;border-bottom:1px solid #eef2f7;text-align:left;padding:10px;font-weight:600;color:#6b7280}.table tbody td[data-v-a1ae2cbe]{border-bottom:1px solid #f3f4f6;padding:10px;vertical-align:top}.thumb[data-v-a1ae2cbe]{width:100px;height:70px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid #eee}.thumb.placeholder[data-v-a1ae2cbe]{display:flex;align-items:center;justify-content:center;background:#fafafa;color:#9ca3af}.badge[data-v-a1ae2cbe]{display:inline-block;padding:2px 8px;border-radius:9999px;font-size:12px;text-transform:capitalize}.badge.pending[data-v-a1ae2cbe]{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.badge.approved[data-v-a1ae2cbe]{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.badge.rejected[data-v-a1ae2cbe]{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.row-actions[data-v-a1ae2cbe]{display:flex;gap:8px;flex-wrap:wrap}.btn[data-v-a1ae2cbe]{height:32px;padding:0 10px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;display:inline-flex;align-items:center;gap:4px}.btn-info[data-v-a1ae2cbe]{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-success[data-v-a1ae2cbe]{background:#10b981;border-color:#10b981;color:#fff}.btn-warning[data-v-a1ae2cbe]{background:#f59e0b;border-color:#f59e0b;color:#fff}.btn-danger[data-v-a1ae2cbe]{background:#ef4444;border-color:#ef4444;color:#fff}.num-btn[data-v-a1ae2cbe]{min-width:36px;height:36px;border:1px solid #e5e7eb;background:#fff;border-radius:10px}.num-btn.active[data-v-a1ae2cbe]{background:#2563eb;border-color:#2563eb;color:#fff}.pager-wrap[data-v-a1ae2cbe]{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.pager-info[data-v-a1ae2cbe]{font-size:13px;color:#6b7280}.empty[data-v-a1ae2cbe]{text-align:center;color:#9ca3af}.modal-overlay[data-v-a1ae2cbe]{position:fixed;inset:0;background:rgba(15,23,42,.25);display:flex;align-items:center;justify-content:center;padding:24px 16px;z-index:999;overflow-y:auto}.modal-panel[data-v-a1ae2cbe]{width:100%;max-width:560px;max-height:calc(100vh - 48px);background:#fff;border:1px solid #eef2f7;border-radius:14px;overflow:hidden;box-shadow:0 16px 40px rgba(2,6,23,.15);display:flex;flex-direction:column}.modal-lg[data-v-a1ae2cbe]{max-width:900px}.modal-header[data-v-a1ae2cbe]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eef2f7;flex-shrink:0}.modal-body[data-v-a1ae2cbe]{padding:12px 16px;overflow-y:auto;flex:1;min-height:0}.modal-footer[data-v-a1ae2cbe]{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid #eef2f7;flex-shrink:0}.icon-btn[data-v-a1ae2cbe]{height:36px;width:36px;border:1px solid #e5e7eb;background:#fff;border-radius:10px;cursor:pointer}.icon-btn.sm[data-v-a1ae2cbe]{height:32px;width:32px}.btn-light[data-v-a1ae2cbe]{background:#f3f4f6;border-color:#e5e7eb;color:#374151}.detail-body[data-v-a1ae2cbe]{display:grid;grid-template-columns:360px 1fr;gap:16px}.detail-img[data-v-a1ae2cbe]{width:100%;height:260px;-o-object-fit:cover;object-fit:cover;border-radius:12px;border:1px solid #eef2f7;background:#fafafa}.detail-img.placeholder[data-v-a1ae2cbe]{display:flex;align-items:center;justify-content:center;color:#9ca3af}.detail-title[data-v-a1ae2cbe]{margin:0 0 8px 0}.detail-meta[data-v-a1ae2cbe]{display:flex;gap:10px;align-items:center;margin-bottom:8px;color:#6b7280;flex-wrap:wrap}.detail-desc[data-v-a1ae2cbe]{white-space:pre-line;margin:0}@media (max-width:768px){.detail-body[data-v-a1ae2cbe]{grid-template-columns:1fr}}