.preview-modal[data-v-b57d2b02]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;cursor:pointer;padding:20px}.preview-swipe-area[data-v-b57d2b02]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;touch-action:pan-y}.preview-swipe-area img[data-v-b57d2b02]{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:8px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.close-btn[data-v-b57d2b02]{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;color:#fff;font-size:28px;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-btn[data-v-b57d2b02]:hover{background:#fff3}.preview-info[data-v-b57d2b02]{color:#fff;font-size:16px;margin-top:16px;text-align:center}.nav-btn[data-v-b57d2b02]{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;border:none;color:#fff;font-size:20px;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10}.nav-btn[data-v-b57d2b02]:hover{background:#ffffff4d}.nav-prev[data-v-b57d2b02]{left:16px}.nav-next[data-v-b57d2b02]{right:16px}.table-view[data-v-dccfc597]{background:var(--bg);border-radius:12px;border:1px solid var(--border);overflow:hidden}.table-wrapper[data-v-dccfc597]{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table[data-v-dccfc597]{width:100%;min-width:400px;border-collapse:collapse}.data-table th[data-v-dccfc597]{background:#f3f4f6;font-weight:500;font-size:13px;color:var(--text-secondary);text-align:left;padding:14px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td[data-v-dccfc597]{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:last-child td[data-v-dccfc597]{border-bottom:none}.data-table tr:hover td[data-v-dccfc597]{background:#fafafa}.th-number[data-v-dccfc597]{width:70px;text-align:center}.th-image[data-v-dccfc597]{min-width:120px}.th-desc[data-v-dccfc597]{min-width:100px}.td-number[data-v-dccfc597]{text-align:center;font-weight:600;font-size:14px}.td-desc[data-v-dccfc597]{font-size:13px;color:var(--text-secondary)}.image-preview[data-v-dccfc597]{display:flex;gap:6px}.image-preview img[data-v-dccfc597]{width:52px;height:52px;object-fit:cover;border-radius:6px;cursor:pointer;border:1px solid var(--border);transition:all .15s}.no-image[data-v-dccfc597]{color:var(--text-secondary);font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}@media (max-width: 768px){.table-view[data-v-dccfc597]{border-radius:8px}.data-table[data-v-dccfc597]{min-width:300px}.data-table th[data-v-dccfc597],.data-table td[data-v-dccfc597]{padding:10px 12px}.image-preview img[data-v-dccfc597]{width:44px;height:44px}}.image-preview img[data-v-dccfc597]:hover{border-color:var(--primary);box-shadow:0 2px 8px #2563eb33}.kanban-view[data-v-3b868923]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.kanban-card[data-v-3b868923]{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:all .2s}.kanban-card[data-v-3b868923]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-image[data-v-3b868923]{aspect-ratio:4/3;overflow:hidden;background:#f9fafb}.card-image img[data-v-3b868923]{width:100%;height:100%;object-fit:cover}.card-body[data-v-3b868923]{padding:12px}.card-number[data-v-3b868923]{font-weight:600;font-size:14px}@media (max-width: 640px){.kanban-view[data-v-3b868923]{grid-template-columns:repeat(2,1fr);gap:12px}}.gallery-view[data-v-6379e4a6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.gallery-card[data-v-6379e4a6]{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:all .2s}.gallery-card[data-v-6379e4a6]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-image[data-v-6379e4a6]{aspect-ratio:1;overflow:hidden;background:#f9fafb;display:flex;flex-direction:column;position:relative}.card-image img[data-v-6379e4a6]{width:100%;height:100%;object-fit:contain;cursor:pointer;transition:transform .3s}.card-image img[data-v-6379e4a6]:hover{transform:scale(1.05)}.image-desc[data-v-6379e4a6]{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:11px;padding:4px 6px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-no-image[data-v-6379e4a6]{background:#f3f4f6}.no-image-x[data-v-6379e4a6]{font-size:48px;color:#d1d5db;line-height:1}.no-image-desc[data-v-6379e4a6]{font-size:11px;color:#6b7280;margin-top:4px;text-align:center;padding:0 8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-body[data-v-6379e4a6]{padding:12px}.card-number[data-v-6379e4a6]{font-weight:500;font-size:14px}.card-desc[data-v-6379e4a6]{font-size:12px;color:#6b7280;margin-top:4px}.preview-desc[data-v-6379e4a6]{font-size:14px;color:#fffc;margin-top:8px}.image-counter[data-v-6379e4a6]{font-size:13px;color:#fff9;margin-top:8px}@media (max-width: 640px){.gallery-view[data-v-6379e4a6]{grid-template-columns:repeat(2,1fr);gap:12px}.card-body[data-v-6379e4a6]{padding:10px}.card-number[data-v-6379e4a6]{font-size:13px}}.app[data-v-d97c0020]{display:flex;height:100dvh;overflow:hidden}.sidebar[data-v-d97c0020]{width:220px;background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.sidebar-header[data-v-d97c0020]{padding:20px 16px;border-bottom:1px solid var(--border)}.logo[data-v-d97c0020]{font-size:18px;font-weight:600;color:var(--text)}.sidebar-nav[data-v-d97c0020]{flex:1;overflow-y:auto;padding:8px}.nav-item[data-v-d97c0020]{width:100%;text-align:left;padding:12px 14px;border:none;background:transparent;border-radius:8px;color:var(--text-secondary);font-size:14px;transition:all .15s}.nav-item[data-v-d97c0020]:hover{background:#f3f4f6;color:var(--text)}.nav-item.active[data-v-d97c0020]{background:var(--primary);color:#fff;outline:2px solid var(--primary);outline-offset:-2px}.category-tabs[data-v-d97c0020]{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border)}.category-tab[data-v-d97c0020]{flex:1;padding:10px 0;border:none;background:#f3f4f6;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all .15s}.category-tab.active[data-v-d97c0020]{background:var(--primary);color:#fff;outline:2px solid var(--primary);outline-offset:-2px}.main[data-v-d97c0020]{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.brand-header[data-v-d97c0020]{padding:12px 20px;background:var(--primary);text-align:center;flex-shrink:0}.brand-title[data-v-d97c0020]{font-size:20px;font-weight:600;color:#fff;margin:0}.brand-subtitle[data-v-d97c0020]{font-size:14px;color:#ffffffd9;margin:4px 0 0}.toolbar[data-v-d97c0020]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0}.toolbar-left[data-v-d97c0020]{display:flex;align-items:center;gap:12px}.toolbar-categories[data-v-d97c0020]{display:none}.table-name[data-v-d97c0020]{font-size:16px;font-weight:600;color:var(--text)}.toolbar-right[data-v-d97c0020]{display:flex;align-items:center;gap:12px}.view-toggle[data-v-d97c0020]{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:8px}.view-toggle-btn[data-v-d97c0020]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;color:var(--text-secondary);transition:all .15s}.view-toggle-btn[data-v-d97c0020]:hover{background:#e5e7eb;color:var(--text)}.view-toggle-btn.active[data-v-d97c0020]{background:#fff;color:var(--primary);box-shadow:0 1px 3px #0000001a}.refresh-btn[data-v-d97c0020]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);background:var(--bg);border-radius:8px;color:var(--text-secondary);transition:all .15s}.refresh-btn[data-v-d97c0020]:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.refresh-btn[data-v-d97c0020]:disabled{opacity:.5}.spinning[data-v-d97c0020]{animation:spin-d97c0020 1s linear infinite}@keyframes spin-d97c0020{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content[data-v-d97c0020]{flex:1;overflow:auto;padding:20px;background:#f9fafb}.loading[data-v-d97c0020]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:12px;color:var(--text-secondary)}.loading-spinner[data-v-d97c0020]{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin-d97c0020 1s linear infinite}.error[data-v-d97c0020]{display:flex;align-items:center;justify-content:center;height:200px;color:var(--danger)}.bottom-nav[data-v-d97c0020]{display:none}@media (max-width: 768px){.sidebar[data-v-d97c0020]{display:none}.brand-header[data-v-d97c0020]{padding:10px 16px}.brand-title[data-v-d97c0020]{font-size:18px}.brand-subtitle[data-v-d97c0020]{font-size:12px}.bottom-nav-actions[data-v-d97c0020]{display:none}.toolbar[data-v-d97c0020]{padding:10px 16px}.toolbar-left[data-v-d97c0020]{gap:10px}.toolbar-categories[data-v-d97c0020]{display:flex;gap:6px}.toolbar-cat-btn[data-v-d97c0020]{padding:8px 16px;border:none;background:#f3f4f6;border-radius:8px;font-size:16px;font-weight:700;color:var(--text-secondary);transition:all .15s}.toolbar-cat-btn.active[data-v-d97c0020]{background:var(--primary);color:#fff;outline:2px solid var(--primary);outline-offset:-2px}.content[data-v-d97c0020]{padding:12px 12px 90px}.bottom-nav[data-v-d97c0020]{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bg);border-top:1px solid var(--border);padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:100;align-items:center;gap:8px}.bottom-nav-scroll[data-v-d97c0020]{display:flex;flex:1;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.bottom-nav-scroll[data-v-d97c0020]::-webkit-scrollbar{display:none}.bottom-nav-item[data-v-d97c0020]{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;border:none;background:transparent;border-radius:8px;color:var(--text-secondary);font-size:10px;gap:4px;transition:all .15s;white-space:nowrap}.bottom-nav-item[data-v-d97c0020]:active{background:#f3f4f6}.bottom-nav-item.active[data-v-d97c0020]{color:var(--primary);background:#eff6ff;outline:2px solid var(--primary);outline-offset:-2px}.nav-label[data-v-d97c0020]{max-width:60px;overflow:hidden;text-overflow:ellipsis}.bottom-nav-actions[data-v-d97c0020]{display:flex;gap:4px;flex-shrink:0}.view-btn[data-v-d97c0020]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:8px;color:var(--text-secondary);transition:all .15s}.view-btn[data-v-d97c0020]:active{background:#e5e7eb}.view-btn.active[data-v-d97c0020]{color:var(--primary);background:#eff6ff}.bottom-nav-categories[data-v-d97c0020]{display:none}.bottom-cat-btn[data-v-d97c0020]{padding:8px 14px;border:none;background:#f3f4f6;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .15s}.bottom-cat-btn.active[data-v-d97c0020]{background:var(--primary);color:#fff}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563EB;--primary-hover: #1D4ED8;--secondary: #6366F1;--accent: #10B981;--bg: #FFFFFF;--bg-secondary: #F9FAFB;--border: #E5E7EB;--text: #111827;--text-secondary: #6B7280;--danger: #EF4444;--shadow: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 6px rgba(0,0,0,.1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}