.table-view[data-v-273d335b]{background:var(--bg);border-radius:12px;border:1px solid var(--border);overflow:hidden}.table-wrapper[data-v-273d335b]{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table[data-v-273d335b]{width:100%;min-width:400px;border-collapse:collapse}.data-table th[data-v-273d335b]{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-273d335b]{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:last-child td[data-v-273d335b]{border-bottom:none}.data-table tr:hover td[data-v-273d335b]{background:#fafafa}.th-number[data-v-273d335b]{width:70px;text-align:center}.th-image[data-v-273d335b]{min-width:120px}.td-number[data-v-273d335b]{text-align:center;font-weight:600;font-size:14px}.image-preview[data-v-273d335b]{display:flex;gap:6px}.image-preview img[data-v-273d335b]{width:52px;height:52px;object-fit:cover;border-radius:6px;cursor:pointer;border:1px solid var(--border);transition:all .15s}.image-preview img[data-v-273d335b]:hover{border-color:var(--primary);box-shadow:0 2px 8px #2563eb33}.no-image[data-v-273d335b]{color:var(--text-secondary);font-size:13px}@media (max-width: 768px){.table-view[data-v-273d335b]{border-radius:8px}.data-table[data-v-273d335b]{min-width:300px}.data-table th[data-v-273d335b],.data-table td[data-v-273d335b]{padding:10px 12px}.image-preview img[data-v-273d335b]{width:44px;height:44px}}.preview-modal[data-v-273d335b]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;padding:20px}.preview-modal img[data-v-273d335b]{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px}.close-btn[data-v-273d335b]{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-273d335b]:hover{background:#fff3}.kanban-view[data-v-b350166c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.kanban-card[data-v-b350166c]{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:all .2s}.kanban-card[data-v-b350166c]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-image[data-v-b350166c]{aspect-ratio:4/3;overflow:hidden;background:#f9fafb}.card-image img[data-v-b350166c]{width:100%;height:100%;object-fit:cover}.card-body[data-v-b350166c]{padding:12px}.card-number[data-v-b350166c]{font-weight:600;font-size:14px}@media (max-width: 640px){.kanban-view[data-v-b350166c]{grid-template-columns:repeat(2,1fr);gap:12px}}.gallery-view[data-v-09b612cd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.gallery-card[data-v-09b612cd]{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:all .2s}.gallery-card[data-v-09b612cd]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-image[data-v-09b612cd]{aspect-ratio:1;overflow:hidden;background:#f9fafb}.card-image img[data-v-09b612cd]{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .3s}.card-image img[data-v-09b612cd]:hover{transform:scale(1.05)}.card-body[data-v-09b612cd]{padding:12px}.card-number[data-v-09b612cd]{font-weight:500;font-size:14px}@media (max-width: 640px){.gallery-view[data-v-09b612cd]{grid-template-columns:repeat(2,1fr);gap:12px}.card-body[data-v-09b612cd]{padding:10px}.card-number[data-v-09b612cd]{font-size:13px}}.preview-modal[data-v-09b612cd]{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-modal img[data-v-09b612cd]{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:8px;cursor:default}.close-btn[data-v-09b612cd]{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-09b612cd]:hover{background:#fff3}.preview-info[data-v-09b612cd]{color:#fff;font-size:16px;margin-top:16px}.app[data-v-87380fa2]{display:flex;height:100dvh;overflow:hidden}.sidebar[data-v-87380fa2]{width:220px;background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header[data-v-87380fa2]{padding:20px 16px;border-bottom:1px solid var(--border)}.logo[data-v-87380fa2]{font-size:18px;font-weight:600;color:var(--text)}.sidebar-nav[data-v-87380fa2]{flex:1;overflow-y:auto;padding:8px}.nav-item[data-v-87380fa2]{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-87380fa2]:hover{background:#f3f4f6;color:var(--text)}.nav-item.active[data-v-87380fa2]{background:var(--primary);color:#fff}.main[data-v-87380fa2]{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.toolbar[data-v-87380fa2]{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-87380fa2]{display:flex;align-items:center;gap:12px}.table-name[data-v-87380fa2]{font-size:16px;font-weight:600;color:var(--text)}.toolbar-right[data-v-87380fa2]{display:flex;align-items:center;gap:12px}.refresh-btn[data-v-87380fa2]{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-87380fa2]:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.refresh-btn[data-v-87380fa2]:disabled{opacity:.5}.spinning[data-v-87380fa2]{animation:spin-87380fa2 1s linear infinite}@keyframes spin-87380fa2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content[data-v-87380fa2]{flex:1;overflow:auto;padding:20px;background:#f9fafb}.loading[data-v-87380fa2]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:12px;color:var(--text-secondary)}.loading-spinner[data-v-87380fa2]{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin-87380fa2 1s linear infinite}.error[data-v-87380fa2]{display:flex;align-items:center;justify-content:center;height:200px;color:var(--danger)}.bottom-nav[data-v-87380fa2]{display:none}@media (max-width: 768px){.sidebar[data-v-87380fa2]{display:none}.toolbar[data-v-87380fa2]{padding:10px 16px}.content[data-v-87380fa2]{padding:12px 12px 90px}.bottom-nav[data-v-87380fa2]{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-87380fa2]{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-87380fa2]::-webkit-scrollbar{display:none}.bottom-nav-item[data-v-87380fa2]{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:12px;gap:4px;transition:all .15s;white-space:nowrap}.bottom-nav-item[data-v-87380fa2]:active{background:#f3f4f6}.bottom-nav-item.active[data-v-87380fa2]{color:var(--primary);background:#eff6ff}.nav-label[data-v-87380fa2]{max-width:80px;overflow:hidden;text-overflow:ellipsis}.bottom-nav-actions[data-v-87380fa2]{display:flex;gap:4px;flex-shrink:0}.view-btn[data-v-87380fa2]{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-87380fa2]:active{background:#e5e7eb}.view-btn.active[data-v-87380fa2]{color:var(--primary);background:#eff6ff}}*{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)}