@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-primary: #009688;--color-primary-hover: #00796B;--color-primary-light: #E0F2F1;--color-accent: #F5A623;--color-danger: #dc2626;--color-danger-light: #fef2f2;--border-radius-card: 12px;--border-radius-button: 8px;--border-radius-badge: 999px;--color-bg: #f5f7f9;--color-surface: #fff;--color-border: #e5e7eb;--color-border-subtle: #f0f0f0;--color-text: #111827;--color-muted: #6b7280;--sidebar-width: 56px;--topbar-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text)}#app[data-v-a21bb26d]{display:flex;min-height:100vh}.sidebar[data-v-a21bb26d]{width:var(--sidebar-width);flex-shrink:0;background:#1a2332;display:flex;flex-direction:column;align-items:center;position:fixed;top:0;left:0;bottom:0;z-index:200}.brand[data-v-a21bb26d]{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.brand-mark[data-v-a21bb26d]{width:32px;height:32px;background:var(--color-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#fff;letter-spacing:-.5px}.nav-links[data-v-a21bb26d]{list-style:none;padding:8px 0;flex:1;width:100%}.nav-group-label[data-v-a21bb26d]{font-size:7.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff38;text-align:center;padding:10px 0 3px;width:100%;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}.nav-group-label[data-v-a21bb26d]:first-child{padding-top:4px}.nav-link[data-v-a21bb26d]{display:flex;align-items:center;justify-content:center;width:100%;height:44px;text-decoration:none;color:#ffffff73;background:none;border:none;cursor:pointer;font-family:inherit;position:relative;transition:color .15s,background .15s}.nav-link svg[data-v-a21bb26d]{width:20px;height:20px;flex-shrink:0}.nav-link[data-v-a21bb26d]:hover{color:#ffffffd9;background:#ffffff0f}.nav-link.active[data-v-a21bb26d]{color:#fff;background:#00968840}.nav-link.active[data-v-a21bb26d]:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--color-primary);border-radius:3px 0 0 3px}.nav-link[data-v-a21bb26d]:before{content:attr(data-tooltip);position:absolute;left:calc(var(--sidebar-width) + 8px);top:50%;transform:translateY(-50%);background:#1a2332;color:#fff;font-size:12px;font-weight:500;padding:5px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:300;box-shadow:0 2px 8px #00000040}.nav-link[data-v-a21bb26d]:hover:before{opacity:1}.sidebar-footer[data-v-a21bb26d]{padding:10px 0;width:100%;border-top:1px solid rgba(255,255,255,.07)}.logout-nav[data-v-a21bb26d]{height:44px}.topbar[data-v-a21bb26d]{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100;gap:16px}.client-switcher[data-v-a21bb26d]{display:flex;align-items:center;gap:6px;background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--border-radius-button);padding:6px 8px 6px 10px;flex-shrink:0;min-width:160px}.switcher-icon[data-v-a21bb26d]{width:15px;height:15px;color:var(--color-primary);flex-shrink:0}.client-select-input[data-v-a21bb26d]{border:none;background:none;outline:none;font-size:13px;font-weight:600;color:var(--color-primary);font-family:inherit;cursor:pointer;flex:1;min-width:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.switcher-chevron[data-v-a21bb26d]{width:14px;height:14px;color:var(--color-primary);flex-shrink:0}.topbar-search[data-v-a21bb26d]{display:flex;align-items:center;gap:8px;background:#f5f7f9;border:1px solid var(--color-border);border-radius:var(--border-radius-button);padding:7px 14px;flex:0 1 400px}.search-icon[data-v-a21bb26d]{width:16px;height:16px;color:var(--color-muted);flex-shrink:0}.search-input[data-v-a21bb26d]{border:none;background:none;outline:none;font-size:13px;color:var(--color-text);font-family:inherit;width:100%}.search-input[data-v-a21bb26d]::placeholder{color:var(--color-muted)}.topbar-right[data-v-a21bb26d]{display:flex;align-items:center;gap:12px}.topbar-icon-btn[data-v-a21bb26d]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--color-border);border-radius:8px;color:var(--color-muted);cursor:pointer;transition:background .15s,color .15s}.topbar-icon-btn svg[data-v-a21bb26d]{width:18px;height:18px}.topbar-icon-btn[data-v-a21bb26d]:hover{background:var(--color-bg);color:var(--color-text)}.user-chip[data-v-a21bb26d]{display:flex;align-items:center;gap:10px;text-decoration:none;border-radius:var(--border-radius-button);padding:4px 8px;transition:background .15s;cursor:pointer}.user-chip[data-v-a21bb26d]:hover{background:var(--color-bg)}.user-avatar[data-v-a21bb26d]{width:32px;height:32px;background:var(--color-primary);border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-meta[data-v-a21bb26d]{display:flex;flex-direction:column}.user-name[data-v-a21bb26d]{font-size:13px;font-weight:600;color:var(--color-text);line-height:1.3}.user-role[data-v-a21bb26d]{font-size:11px;color:var(--color-muted);text-transform:capitalize}.with-sidebar[data-v-a21bb26d]{flex:1;min-width:0;margin-left:var(--sidebar-width);padding-top:var(--topbar-height);min-height:100vh}.full[data-v-a21bb26d]{width:100%;min-height:100vh}.page-wrapper[data-v-8f94daae]{padding:28px 24px;max-width:1600px;width:100%;margin:0 auto}.page-header[data-v-8f94daae]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title[data-v-8f94daae]{font-size:22px;font-weight:700;color:var(--color-text)}.stat-row[data-v-8f94daae]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.stat-card[data-v-8f94daae]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-card);padding:18px;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000a}.stat-val[data-v-8f94daae]{font-size:28px;font-weight:800;color:var(--color-text);line-height:1}.stat-label[data-v-8f94daae]{font-size:12px;color:var(--color-muted);margin-top:4px;font-weight:500}.stat-bar[data-v-8f94daae]{position:absolute;bottom:0;left:0;right:0;height:3px}.bar-gray[data-v-8f94daae]{background:#d1d5db}.bar-blue[data-v-8f94daae]{background:#29b6f6}.bar-yellow[data-v-8f94daae]{background:var(--color-accent)}.bar-green[data-v-8f94daae]{background:var(--color-primary)}.bar-indigo[data-v-8f94daae]{background:#7c3aed}.main-grid[data-v-8f94daae]{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}.right-col[data-v-8f94daae]{display:flex;flex-direction:column;gap:16px}.panel[data-v-8f94daae]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-card);overflow:hidden;box-shadow:0 1px 4px #0000000a}.panel-header[data-v-8f94daae]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border-subtle)}.panel-title[data-v-8f94daae]{font-size:13px;font-weight:700;color:#374151}.panel-link[data-v-8f94daae]{font-size:12px;color:var(--color-primary);text-decoration:none}.panel-link[data-v-8f94daae]:hover{text-decoration:underline}.panel-loading[data-v-8f94daae]{padding:20px;text-align:center;color:#9ca3af;font-size:13px}.panel-empty[data-v-8f94daae]{padding:24px;text-align:center;color:#9ca3af;font-size:13px}.data-table[data-v-8f94daae]{width:100%;border-collapse:collapse;font-size:13px}.data-table th[data-v-8f94daae]{text-align:left;padding:9px 14px;border-bottom:1px solid var(--color-border-subtle);font-weight:600;color:var(--color-muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;background:#fafbfc}.data-table td[data-v-8f94daae]{padding:11px 14px;border-bottom:1px solid var(--color-border-subtle)}.data-row[data-v-8f94daae]{cursor:pointer}.data-row:last-child td[data-v-8f94daae]{border-bottom:none}.data-row:hover td[data-v-8f94daae]{background:var(--color-primary-light)}.cell-name[data-v-8f94daae]{font-weight:500;color:var(--color-text)}.cell-muted[data-v-8f94daae]{color:var(--color-muted)}.type-chip[data-v-8f94daae]{font-size:10px;font-weight:600;padding:2px 7px;border-radius:var(--border-radius-badge);text-transform:uppercase;letter-spacing:.03em}.type-chip.catalog[data-v-8f94daae]{background:#dbeafe;color:#1d4ed8}.type-chip.flyer[data-v-8f94daae]{background:#fce7f3;color:#9d174d}.type-chip.social_set[data-v-8f94daae]{background:#d1fae5;color:#065f46}.status-chip[data-v-8f94daae]{font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--border-radius-badge)}.status-chip.draft[data-v-8f94daae]{background:#fff8e1;color:#f57f17}.status-chip.generating[data-v-8f94daae],.status-chip.review[data-v-8f94daae]{background:#e3f2fd;color:#1565c0}.status-chip.approved[data-v-8f94daae]{background:#e8f5e9;color:#2e7d32}.status-chip.published[data-v-8f94daae]{background:#ede9fe;color:#5b21b6}.queue-list[data-v-8f94daae]{padding:8px 0}.queue-row[data-v-8f94daae]{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-bottom:1px solid var(--color-border-subtle)}.queue-row[data-v-8f94daae]:last-child{border-bottom:none}.queue-name[data-v-8f94daae]{font-size:13px;font-weight:500;color:#374151;text-transform:capitalize}.queue-counts[data-v-8f94daae]{display:flex;gap:8px}.qc[data-v-8f94daae]{font-size:11px;padding:2px 7px;border-radius:var(--border-radius-badge);background:#f3f4f6;color:#9ca3af}.qc.active.nonzero[data-v-8f94daae]{background:#e3f2fd;color:#1565c0}.qc.failed.nonzero[data-v-8f94daae]{background:#fee2e2;color:#dc2626}.qc.done[data-v-8f94daae]{background:#e8f5e9;color:#2e7d32}.delivery-list[data-v-8f94daae]{padding:4px 0}.delivery-row[data-v-8f94daae]{display:grid;grid-template-columns:70px 60px 1fr auto;gap:8px;align-items:center;padding:9px 16px;border-bottom:1px solid var(--color-border-subtle);font-size:12px}.delivery-row[data-v-8f94daae]:last-child{border-bottom:none}.del-status[data-v-8f94daae]{font-weight:600;font-size:11px;text-transform:capitalize}.del-status.pending[data-v-8f94daae]{color:var(--color-muted)}.del-status.in_progress[data-v-8f94daae]{color:#1565c0}.del-status.success[data-v-8f94daae]{color:#2e7d32}.del-status.failed[data-v-8f94daae]{color:var(--color-danger)}.del-channel[data-v-8f94daae]{color:#374151;text-transform:uppercase;font-size:10px;font-weight:700}.del-project[data-v-8f94daae]{color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.del-date[data-v-8f94daae]{color:#9ca3af;white-space:nowrap}.btn[data-v-8f94daae]{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--border-radius-button);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;padding:8px 16px;transition:background .15s}.btn-ghost[data-v-8f94daae]{background:transparent;color:#374151;border:1px solid var(--color-border)}.btn-ghost[data-v-8f94daae]:hover{background:var(--color-bg)}.btn-sm[data-v-8f94daae]{padding:5px 12px;font-size:12px}