:root{--color-primary:#111827;--color-primary-hover:#1f2937;--color-accent:#2d3748;--color-accent-hover:#1a202c;--color-bg-app:#f8f9fa;--color-bg-card:#fff;--color-bg-sidebar:#f8f9fa;--color-bg-subtle:#f3f4f6;--color-bg-muted:#f8fafc;--color-text-main:#111827;--color-text-heading:#0f172a;--color-text-body:#334155;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-text-disabled:#9ca3af;--color-border:#e5e7eb;--color-border-subtle:#f1f5f9;--color-badge-red:#ef4444;--color-badge-dark:#374151;--stat-gray-bg:#f1f5f9;--stat-gray-color:#475569;--stat-amber-bg:#fef3c7;--stat-amber-color:#d97706;--stat-teal-bg:#ccfbf1;--stat-teal-color:#0d9488;--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--transition-fast:.15s ease;--transition-normal:.2s ease;--color-bg:var(--color-bg-app);--color-white:#fff;--color-text:var(--color-text-main);--border-radius-sm:var(--radius-sm);--border-radius-md:var(--radius-md);--border-radius-lg:var(--radius-lg);--shadow:var(--shadow-md)}*,:before,:after{box-sizing:border-box}html,body{font-family:var(--font-family);background-color:var(--color-bg-app);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#app{width:100%;max-width:100%;min-height:100vh;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.form-group{text-align:left;margin-bottom:1.25rem}.form-label{color:var(--color-text-body);margin-bottom:.5rem;font-size:.825rem;font-weight:600;display:block}.form-control{width:100%;color:var(--color-text-main);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.7rem .9rem;font-size:.9rem}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #11182714}.form-control::placeholder{color:var(--color-text-light)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{border-color:var(--color-border);color:var(--color-text-body);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-bg-subtle);border-color:var(--color-text-light)}.login-container[data-v-3547ef72]{background-color:var(--color-bg-app,#f8f9fa);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card[data-v-3547ef72]{background-color:var(--color-bg-card,#fff);border-radius:var(--radius-xl,16px);box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a);border:1px solid var(--color-border,#e5e7eb);width:100%;max-width:380px;padding:2.5rem 2rem}.login-header[data-v-3547ef72]{text-align:center;flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.brand-logo-badge[data-v-3547ef72]{border-radius:var(--radius-md,8px);background-color:var(--color-primary,#111827);color:#fff;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1rem;display:flex}.login-header h1[data-v-3547ef72]{color:var(--color-text-heading,#0f172a);letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.35rem;font-weight:700}.login-header p[data-v-3547ef72]{color:var(--color-text-light,#94a3b8);letter-spacing:.1em;margin:0;font-size:.7rem;font-weight:600}.login-btn[data-v-3547ef72]{width:100%;margin-top:.75rem;padding:.75rem;font-size:.95rem}.form-error[data-v-3547ef72]{color:var(--color-badge-red,#ef4444);border-radius:var(--radius-sm,6px);text-align:left;background-color:#fef2f2;border:1px solid #fee2e2;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.6rem .75rem;font-size:.8rem;display:flex}.password-input-wrapper[data-v-3547ef72]{display:block;position:relative}.password-input[data-v-3547ef72]{padding-right:2.5rem}.password-toggle[data-v-3547ef72]{cursor:pointer;color:var(--color-text-light,#94a3b8);transition:color var(--transition-fast,.15s ease);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.35rem;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle[data-v-3547ef72]:hover{color:var(--color-text-main,#111827)}.stat-card[data-v-cfa95695]{background:var(--color-bg-card,#fff);box-sizing:border-box;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:155px;padding:1.25rem 1.35rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 1px 2px -1px #00000008}.stat-card[data-v-cfa95695]:before{content:"";opacity:.85;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.variant-indigo[data-v-cfa95695]:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.variant-blue[data-v-cfa95695]:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.variant-amber[data-v-cfa95695]:before{background:linear-gradient(90deg,#d97706,#fbbf24)}.variant-emerald[data-v-cfa95695]:before,.variant-teal[data-v-cfa95695]:before{background:linear-gradient(90deg,#059669,#34d399)}.variant-gray[data-v-cfa95695]:before{background:linear-gradient(90deg,#475569,#94a3b8)}.stat-card[data-v-cfa95695]:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 12px 24px -4px #0f172a14,0 4px 8px -2px #0f172a0a}.variant-indigo[data-v-cfa95695]:hover{box-shadow:0 12px 24px -4px #6366f11f}.variant-blue[data-v-cfa95695]:hover{box-shadow:0 12px 24px -4px #2563eb1f}.variant-amber[data-v-cfa95695]:hover{box-shadow:0 12px 24px -4px #d977061f}.variant-emerald[data-v-cfa95695]:hover,.variant-teal[data-v-cfa95695]:hover{box-shadow:0 12px 24px -4px #0596691f}.stat-header[data-v-cfa95695]{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.85rem;display:flex}.stat-header-left[data-v-cfa95695]{align-items:center;gap:.75rem;min-width:0;display:flex}.stat-icon-wrap[data-v-cfa95695]{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.stat-card:hover .stat-icon-wrap[data-v-cfa95695]{transform:scale(1.05)}.icon-indigo[data-v-cfa95695]{color:#4f46e5;background:#eef2ff}.icon-blue[data-v-cfa95695]{color:#2563eb;background:#eff6ff}.icon-amber[data-v-cfa95695]{color:#d97706;background:#fffbeb}.icon-emerald[data-v-cfa95695],.icon-teal[data-v-cfa95695]{color:#059669;background:#ecfdf5}.icon-gray[data-v-cfa95695]{color:#334155;background:#f1f5f9}.stat-label-wrap[data-v-cfa95695]{flex-direction:column;min-width:0;display:flex}.stat-label[data-v-cfa95695]{color:#475569;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.stat-badge[data-v-cfa95695]{letter-spacing:.02em;white-space:nowrap;border-radius:9999px;flex-shrink:0;padding:.2rem .55rem;font-size:.675rem;font-weight:700}.badge-indigo[data-v-cfa95695]{color:#4338ca;background:#eef2ff;border:1px solid #e0e7ff}.badge-blue[data-v-cfa95695]{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe}.badge-amber[data-v-cfa95695]{color:#b45309;background:#fffbeb;border:1px solid #fef3c7}.badge-emerald[data-v-cfa95695],.badge-teal[data-v-cfa95695]{color:#047857;background:#ecfdf5;border:1px solid #d1fae5}.badge-gray[data-v-cfa95695]{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0}.stat-body[data-v-cfa95695]{flex-direction:column;gap:.25rem;margin-bottom:.85rem;display:flex}.stat-value-row[data-v-cfa95695]{align-items:baseline;gap:.4rem;display:flex}.stat-value[data-v-cfa95695]{color:#0f172a;letter-spacing:-.035em;font-feature-settings:"tnum";font-size:2.15rem;font-weight:800;line-height:1.05}.stat-sub[data-v-cfa95695]{color:#64748b;font-size:.775rem;font-weight:500;line-height:1.3}.stat-footer[data-v-cfa95695]{border-top:1px solid #f1f5f9;flex-direction:column;gap:.4rem;padding-top:.65rem;display:flex}.info-footer[data-v-cfa95695]{flex-direction:row;align-items:center;min-height:24px}.footer-info-text[data-v-cfa95695]{align-items:center;gap:.4rem;font-size:.725rem;font-weight:600;display:inline-flex}.text-indigo[data-v-cfa95695]{color:#4f46e5}.text-blue[data-v-cfa95695]{color:#2563eb}.text-amber[data-v-cfa95695]{color:#b45309}.text-emerald[data-v-cfa95695],.text-teal[data-v-cfa95695]{color:#047857}.text-gray[data-v-cfa95695]{color:#64748b}.status-pulse-dot[data-v-cfa95695]{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dot-indigo[data-v-cfa95695]{background-color:#6366f1}.dot-blue[data-v-cfa95695]{background-color:#3b82f6}.dot-amber[data-v-cfa95695]{background-color:#f59e0b}.dot-emerald[data-v-cfa95695],.dot-teal[data-v-cfa95695]{background-color:#10b981}.dot-gray[data-v-cfa95695]{background-color:#94a3b8}.progress-track[data-v-cfa95695]{background-color:#f1f5f9;border-radius:9999px;width:100%;height:6px;overflow:hidden}.progress-fill[data-v-cfa95695]{border-radius:9999px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.fill-indigo[data-v-cfa95695]{background:linear-gradient(90deg,#6366f1,#818cf8)}.fill-blue[data-v-cfa95695]{background:linear-gradient(90deg,#2563eb,#60a5fa)}.fill-amber[data-v-cfa95695]{background:linear-gradient(90deg,#d97706,#fbbf24)}.fill-emerald[data-v-cfa95695],.fill-teal[data-v-cfa95695]{background:linear-gradient(90deg,#059669,#34d399)}.fill-gray[data-v-cfa95695]{background:#64748b}.progress-meta[data-v-cfa95695]{justify-content:space-between;align-items:center;display:flex}.progress-text[data-v-cfa95695]{color:#64748b;font-size:.7rem;font-weight:600}@media (width<=640px){.stat-card[data-v-cfa95695]{min-height:auto;padding:1rem 1.1rem}.stat-value[data-v-cfa95695]{font-size:1.75rem}.stat-icon-wrap[data-v-cfa95695]{width:34px;height:34px}}.dashboard-card[data-v-99f8701f]{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-sizing:border-box;flex-direction:column;flex:1;height:100%;padding:1rem 1.25rem;display:flex;overflow:hidden}.card-header[data-v-99f8701f]{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.title-wrap[data-v-99f8701f]{flex-direction:column;gap:.1rem;display:flex}.card-title[data-v-99f8701f]{color:var(--color-text-heading);margin:0;font-size:1rem;font-weight:700}.subtitle[data-v-99f8701f]{color:#64748b;font-size:.675rem}.view-all-link[data-v-99f8701f]{color:#3b82f6;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:flex}.view-all-link[data-v-99f8701f]:hover{opacity:.8}.articles-list[data-v-99f8701f]{flex-direction:column;flex:1;gap:.45rem;display:flex}.article-row[data-v-99f8701f]{cursor:pointer;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:.75rem;padding:.35rem .55rem;transition:all .2s;display:flex}.article-row[data-v-99f8701f]:hover{background-color:#f1f5f9;border-color:#e2e8f0;transform:translate(2px)}.thumb-wrap[data-v-99f8701f]{background-color:#e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.thumb-wrap img[data-v-99f8701f]{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.thumb-placeholder[data-v-99f8701f]{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.info-wrap[data-v-99f8701f]{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.article-title[data-v-99f8701f]{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700;overflow:hidden}.article-sku[data-v-99f8701f]{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.675rem;font-weight:500;overflow:hidden}.meta-wrap[data-v-99f8701f]{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.15rem;display:flex}.category-tag[data-v-99f8701f]{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:.12rem .45rem;font-size:.65rem;font-weight:600}.time-ago[data-v-99f8701f]{color:#94a3b8;font-size:.65rem}.status-badge[data-v-99f8701f]{border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:.2rem .5rem;font-size:.65rem;font-weight:700;display:flex}.status-badge.need-revision[data-v-99f8701f]{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}.status-badge.revised[data-v-99f8701f]{color:#92400e;background-color:#fef3c7;border:1px solid #fde68a}.status-badge.completed[data-v-99f8701f]{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0}.status-badge.in-progress[data-v-99f8701f]{color:#1d4ed8;background-color:#eff6ff;border:1px solid #dbeafe}.status-badge .dot[data-v-99f8701f]{font-size:.45rem}.empty-state[data-v-99f8701f]{color:#94a3b8;justify-content:center;align-items:center;padding:2rem;font-size:.8rem;display:flex}.dashboard-card[data-v-866a6b38]{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-sizing:border-box;flex-direction:column;flex:1;height:100%;padding:1rem 1.25rem;display:flex;overflow:hidden}.card-header[data-v-866a6b38]{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.card-title[data-v-866a6b38]{color:var(--color-text-heading);margin:0;font-size:1rem;font-weight:700}.card-date[data-v-866a6b38]{color:var(--color-text-muted);background-color:var(--color-bg-muted);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);white-space:nowrap;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.725rem;display:flex}.pie-content-wrap[data-v-866a6b38]{flex:1;align-items:center;gap:1.5rem;padding:.15rem 0;display:flex}.pie-chart-container[data-v-866a6b38]{flex-shrink:0;justify-content:center;align-items:center;display:flex}.pie-chart-circle[data-v-866a6b38]{border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;transition:transform .3s;display:flex;position:relative;box-shadow:0 4px 12px #0000000f}.pie-center-hole[data-v-866a6b38]{background-color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:86px;height:86px;display:flex;box-shadow:inset 0 2px 4px #0000000a}.total-number[data-v-866a6b38]{color:#0f172a;font-size:1.35rem;font-weight:700;line-height:1.1}.total-label[data-v-866a6b38]{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:600}.legend-container[data-v-866a6b38]{flex-direction:column;flex:1;gap:.55rem;display:flex}.legend-item[data-v-866a6b38]{cursor:pointer;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:.45rem .75rem;transition:all .2s;display:flex}.legend-item[data-v-866a6b38]:hover,.legend-item.active[data-v-866a6b38]{background-color:#f1f5f9;border-color:#e2e8f0;transform:translate(2px)}.legend-left[data-v-866a6b38]{align-items:center;gap:.6rem;display:flex}.color-dot[data-v-866a6b38]{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-label[data-v-866a6b38]{color:#1e293b;font-size:.8rem;font-weight:600}.legend-right[data-v-866a6b38]{align-items:center;gap:.6rem;display:flex}.legend-count[data-v-866a6b38]{color:#0f172a;font-size:.8rem;font-weight:700}.legend-pct[data-v-866a6b38]{color:#64748b;text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;min-width:42px;padding:.15rem .4rem;font-size:.725rem;font-weight:600}@media (width<=640px){.pie-content-wrap[data-v-866a6b38]{flex-direction:column;gap:1.25rem}}.app-layout[data-v-61e535eb]{background-color:var(--color-bg-app,#f8fafc);width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.main-wrapper[data-v-61e535eb]{flex-direction:column;flex:1;width:calc(100% - 240px);min-width:0;margin-left:240px;transition:margin-left .3s;display:flex}.content-area[data-v-61e535eb]{background-color:var(--color-bg-card,#fff);box-sizing:border-box;flex:1;width:100%;padding:1.5rem 2rem 2.5rem}.dashboard-header-block[data-v-61e535eb]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.page-title[data-v-61e535eb]{color:var(--color-text-heading,#0f172a);letter-spacing:-.03em;margin:0 0 .25rem;font-size:1.65rem;font-weight:800}.page-subtitle[data-v-61e535eb]{color:var(--color-text-muted,#64748b);margin:0;font-size:.85rem}.header-action-group[data-v-61e535eb]{align-items:center;gap:.75rem;display:flex}.photoshoot-quick-link[data-v-61e535eb],.new-article-quick-link[data-v-61e535eb]{border-radius:8px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.photoshoot-quick-link[data-v-61e535eb]{color:#334155;background-color:#f1f5f9;border:1px solid #e2e8f0}.photoshoot-quick-link[data-v-61e535eb]:hover{color:#0f172a;background-color:#e2e8f0}.loading-state[data-v-61e535eb]{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.spinner[data-v-61e535eb]{border:3px solid #e2e8f0;border-top-color:#111827;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin-61e535eb}@keyframes spin-61e535eb{to{transform:rotate(360deg)}}.stats-grid[data-v-61e535eb]{grid-template-columns:repeat(4,1fr);gap:1.15rem;margin-bottom:1.75rem;display:grid}.dashboard-main-grid[data-v-61e535eb]{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:1.35rem;display:grid}@media (width<=1280px){.stats-grid[data-v-61e535eb]{grid-template-columns:repeat(2,1fr);gap:1rem}.dashboard-main-grid[data-v-61e535eb]{grid-template-columns:1fr}}@media (width<=1024px){.main-wrapper[data-v-61e535eb]{width:100%;margin-left:0}.content-area[data-v-61e535eb]{padding:1.25rem 1.25rem 2rem}}@media (width<=640px){.dashboard-header-block[data-v-61e535eb]{flex-direction:column;align-items:flex-start;gap:1rem}.header-action-group[data-v-61e535eb]{width:100%}.photoshoot-quick-link[data-v-61e535eb],.new-article-quick-link[data-v-61e535eb]{flex:1;justify-content:center}.page-title[data-v-61e535eb]{font-size:1.4rem}.stats-grid[data-v-61e535eb]{grid-template-columns:1fr;gap:.85rem;margin-bottom:1.25rem}.dashboard-main-grid[data-v-61e535eb]{gap:1rem}}.article-grid-item[data-v-58fa7b38]{background-color:var(--color-bg-card);border:1px solid var(--color-border);transition:transform var(--transition-normal), box-shadow var(--transition-normal);cursor:pointer;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.article-grid-item[data-v-58fa7b38]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.image-wrap[data-v-58fa7b38]{background-color:#f1f3f5;width:100%;padding-top:84%;position:relative;overflow:hidden}.status-badge[data-v-58fa7b38]{z-index:2;color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:4px;padding:.18rem .5rem;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:8px;left:8px}.status-badge .dot[data-v-58fa7b38]{color:#16a34a;font-size:.48rem}.img-container[data-v-58fa7b38]{justify-content:center;align-items:center;padding:.4rem;display:flex;position:absolute;inset:0}.img-container img[data-v-58fa7b38]{object-fit:contain;mix-blend-mode:multiply;max-width:100%;max-height:100%;transition:transform .3s}.article-grid-item:hover .img-container img[data-v-58fa7b38]{transform:scale(1.04)}.image-placeholder[data-v-58fa7b38]{background-color:#f8fafc;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.details-wrap[data-v-58fa7b38]{flex-direction:column;flex:1;gap:.2rem;padding:.75rem .85rem .85rem;display:flex}.article-title[data-v-58fa7b38]{color:#111827;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px;margin:0;font-size:.8rem;font-weight:700;overflow:hidden}.article-sku[data-v-58fa7b38]{font-family:var(--font-family);color:#64748b;letter-spacing:.5px;font-size:.7rem;font-weight:500}.article-footer[data-v-58fa7b38]{justify-content:space-between;align-items:center;margin-top:.25rem;display:flex}.category-tag[data-v-58fa7b38]{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.15rem .5rem;font-size:.68rem;font-weight:600}.time-ago[data-v-58fa7b38]{color:#94a3b8;font-size:.68rem}.article-list-item[data-v-b02a2147]{background-color:var(--color-bg-card);border:1px solid var(--color-border);transition:transform var(--transition-normal), box-shadow var(--transition-normal);cursor:pointer;border-radius:10px;align-items:center;gap:.85rem;padding:.45rem 1rem;display:flex}.article-list-item[data-v-b02a2147]:hover{box-shadow:var(--shadow-sm);border-color:#cbd5e1}.thumb-wrap[data-v-b02a2147]{background-color:#f1f3f5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:.2rem;display:flex;overflow:hidden}.thumb-wrap img[data-v-b02a2147]{object-fit:contain;mix-blend-mode:multiply;max-width:100%;max-height:100%}.thumb-placeholder[data-v-b02a2147]{background-color:#f8fafc;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.info-wrap[data-v-b02a2147]{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.article-title[data-v-b02a2147]{color:#111827;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px;margin:0;font-size:.85rem;font-weight:700;overflow:hidden}.article-sku[data-v-b02a2147]{color:#64748b;letter-spacing:.5px;font-size:.725rem;font-weight:500}.meta-row[data-v-b02a2147]{align-items:center;gap:.65rem;margin-top:.15rem;display:flex}.category-tag[data-v-b02a2147]{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.15rem .5rem;font-size:.68rem;font-weight:600}.time-ago[data-v-b02a2147]{color:#94a3b8;font-size:.68rem}.status-wrap[data-v-b02a2147]{flex-shrink:0}.status-badge[data-v-b02a2147]{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:5px;padding:.25rem .65rem;font-size:.7rem;font-weight:700;display:flex}.status-badge .dot[data-v-b02a2147]{color:#16a34a;font-size:.55rem}@media (width<=640px){.article-list-item[data-v-b02a2147]{gap:.75rem;padding:.65rem .85rem}.thumb-wrap[data-v-b02a2147]{width:56px;height:56px}.article-title[data-v-b02a2147]{font-size:.775rem}}.pagination-container[data-v-1ec7e925]{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1.25rem .5rem .5rem;display:flex}.pagination-info[data-v-1ec7e925]{color:#64748b;font-size:.8rem}.pagination-info strong[data-v-1ec7e925]{color:#111827;font-weight:600}.pagination-controls[data-v-1ec7e925]{align-items:center;gap:.5rem;display:flex}.page-numbers[data-v-1ec7e925]{align-items:center;gap:.25rem;display:flex}.page-num-btn[data-v-1ec7e925]{border:1px solid var(--color-border);color:#334155;cursor:pointer;min-width:32px;height:32px;transition:all var(--transition-fast);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0 .4rem;font-size:.8rem;font-weight:600;display:flex}.page-num-btn[data-v-1ec7e925]:hover:not(:disabled){background-color:#f1f5f9;border-color:#cbd5e1}.page-num-btn.active[data-v-1ec7e925]{color:#fff;background-color:#111827;border-color:#111827}.page-num-btn.ellipsis[data-v-1ec7e925]{cursor:default;background:0 0;border:none}.page-nav-btn[data-v-1ec7e925]{border:1px solid var(--color-border);color:#334155;cursor:pointer;height:32px;transition:all var(--transition-fast);background:#fff;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.8rem;font-weight:600;display:flex}.page-nav-btn[data-v-1ec7e925]:hover:not(:disabled){background-color:#f1f5f9;border-color:#cbd5e1}.page-nav-btn[data-v-1ec7e925]:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.pagination-container[data-v-1ec7e925]{flex-direction:column;justify-content:center;gap:.75rem}.nav-text[data-v-1ec7e925]{display:none}}.app-layout[data-v-e8f19ff7]{background-color:var(--color-bg-app);min-height:100vh;display:flex}.main-wrapper[data-v-e8f19ff7]{flex-direction:column;flex:1;min-width:0;margin-left:240px;display:flex}.content-area[data-v-e8f19ff7]{background-color:#fff;flex:1;padding:1.25rem 1.75rem}.page-title[data-v-e8f19ff7]{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700;line-height:1}.articles-card[data-v-e8f19ff7]{box-shadow:none;background-color:#0000;border:none;border-radius:0;padding:0}.articles-card-header[data-v-e8f19ff7]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.15rem;display:flex}.card-section-title[data-v-e8f19ff7]{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.controls-right[data-v-e8f19ff7]{align-items:center;gap:.75rem;display:flex}.status-tabs-pill[data-v-e8f19ff7]{box-sizing:border-box;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;height:36px;padding:2px;display:flex}.tab-btn[data-v-e8f19ff7]{color:#64748b;cursor:pointer;height:30px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0 .85rem;font-size:.775rem;font-weight:600;display:flex}.tab-btn.active[data-v-e8f19ff7]{color:#0f172a;background-color:#fff;box-shadow:0 1px 2px #0000000f}.filter-btn[data-v-e8f19ff7]{box-sizing:border-box;color:#334155;cursor:pointer;height:36px;transition:all var(--transition-fast);background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:0 .85rem;font-size:.8rem;font-weight:600;display:flex}.filter-btn[data-v-e8f19ff7]:hover{background-color:#f8fafc;border-color:#cbd5e1}.view-mode-toggle[data-v-e8f19ff7]{box-sizing:border-box;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:2px;height:36px;padding:2px;display:flex}.mode-btn[data-v-e8f19ff7]{color:#64748b;cursor:pointer;width:30px;height:30px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.mode-btn.active[data-v-e8f19ff7]{color:#0f172a;background-color:#fff;box-shadow:0 1px 2px #0000000f}.articles-grid[data-v-e8f19ff7]{grid-template-columns:repeat(5,1fr);gap:.85rem;display:grid}.articles-list[data-v-e8f19ff7]{flex-direction:column;gap:.5rem;display:flex}.loading-state[data-v-e8f19ff7],.error-state[data-v-e8f19ff7],.empty-state[data-v-e8f19ff7]{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.error-state p[data-v-e8f19ff7]{color:#dc2626;max-width:400px;font-size:.9rem;font-weight:500}.retry-btn[data-v-e8f19ff7]{color:#fff;cursor:pointer;background-color:#111827;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600;transition:background-color .2s}.retry-btn[data-v-e8f19ff7]:hover{background-color:#1f2937}.spinner[data-v-e8f19ff7]{border:3px solid #e2e8f0;border-top-color:#111827;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin-e8f19ff7}@keyframes spin-e8f19ff7{to{transform:rotate(360deg)}}@media (width<=1400px){.articles-grid[data-v-e8f19ff7]{grid-template-columns:repeat(4,1fr)}}@media (width<=1100px){.articles-grid[data-v-e8f19ff7]{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.main-wrapper[data-v-e8f19ff7]{margin-left:0}}@media (width<=768px){.articles-grid[data-v-e8f19ff7]{grid-template-columns:repeat(2,1fr);gap:.85rem}.content-area[data-v-e8f19ff7]{padding:1.25rem 1rem}.articles-card[data-v-e8f19ff7]{padding:1rem}}@media (width<=480px){.articles-grid[data-v-e8f19ff7]{grid-template-columns:1fr}.articles-card-header[data-v-e8f19ff7]{flex-direction:column;align-items:flex-start}.controls-right[data-v-e8f19ff7]{justify-content:space-between;width:100%}}