:root{--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: #eff6ff;--primary-bg: #2563eb14;--success: #22c55e;--success-light: #f0fdf4;--warning: #f59e0b;--warning-light: #fffbeb;--danger: #ef4444;--danger-light: #fef2f2;--purple: #8b5cf6;--purple-light: #f5f3ff;--cyan: #06b6d4;--cyan-light: #ecfeff;--chart-blue: #1677ff;--chart-green: #52c41a;--chart-purple: #722ed1;--chart-gold: #faad14;--chart-red: #ff4d4f;--chart-cyan: #13c2c2;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-disabled: #d1d5db;--text-heading: #111827;--text-link: #2563eb;--border: #e5e7eb;--border-light: #f3f4f6;--bg-page: #f9fafb;--bg-card: #ffffff;--bg-sidebar: #1e3a5f;--bg-hover: #f3f4f6;--bg-active: #eff6ff;--bg-skeleton: #f3f4f6;--merge-tag-bg: #dbeafe;--merge-tag-text: #1d4ed8;--merge-tag-border: #93c5fd;--score-red: #ef4444;--score-orange: #f59e0b;--score-yellow-green: #84cc16;--score-green: #22c55e;--status-active: #22c55e;--status-paused: #f59e0b;--status-draft: #9ca3af;--status-finished: #2563eb;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--z-dropdown: 50;--z-sticky: 80;--z-sidebar: 100;--z-modal-backdrop: 900;--z-modal: 1000;--z-tooltip: 1050;--z-toast: 1100;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", Menlo, Consolas, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--sidebar-width: 60px;--topbar-height: 48px;--content-padding: 24px;--max-content-width: 1440px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--font-size-base);line-height:var(--line-height-normal)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--primary-light);color:var(--text-primary)}a{transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--primary-hover)}.ant-menu-item{transition:all var(--duration-normal) var(--ease-default)!important}.ant-card{transition:box-shadow var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default)}.ant-table-tbody>tr{transition:background var(--duration-fast) var(--ease-default)}.clickable-row{cursor:pointer}.clickable-row:hover>td{background:var(--bg-active)!important}.ant-btn{transition:all var(--duration-normal) var(--ease-default)!important}.ant-input:focus,.ant-input-focused,.ant-select-focused .ant-select-selector{box-shadow:0 0 0 2px #2563eb1a!important}.ant-modal-mask{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ant-breadcrumb a{color:var(--text-secondary)!important;transition:color var(--duration-fast) var(--ease-default)}.ant-breadcrumb a:hover{color:var(--primary)!important}.ant-dropdown-menu{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;padding:var(--space-1)!important}.ant-dropdown-menu-item{border-radius:var(--radius-md)!important;transition:all var(--duration-fast) var(--ease-default)!important}.ant-message{z-index:var(--z-toast)!important}.merge-tag-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--merge-tag-bg);color:var(--merge-tag-text);border:1px solid var(--merge-tag-border);border-radius:var(--radius-sm);font-size:13px;font-weight:var(--font-weight-medium);cursor:default;-webkit-user-select:none;user-select:none}.merge-tag-chip .remove{cursor:pointer;font-size:10px;opacity:.6;transition:opacity var(--duration-fast) var(--ease-default)}.merge-tag-chip .remove:hover{opacity:1}.step-card{transition:border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.step-card:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.step-card:hover .drag-handle{opacity:1!important}.step-card:hover .step-delete-btn{opacity:.6!important}.step-delete-btn{transition:opacity var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.step-delete-btn:hover{opacity:1!important;color:var(--danger)!important}.variant-card{transition:background var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.variant-card:hover{background:var(--primary-light)!important;border-color:#bfdbfe!important;box-shadow:var(--shadow-xs)}.sequence-row{cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.sequence-row:hover td{background:var(--bg-hover)!important}.page-header{margin-bottom:var(--space-6)}.page-header .ant-typography{margin-bottom:var(--space-1)!important;color:var(--text-heading)}.kpi-card{border-radius:var(--radius-lg);height:100%;border:1px solid var(--border-light);transition:border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.kpi-card:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.chart-card{border-radius:var(--radius-lg);border:1px solid var(--border-light)}.page-loading{display:flex;justify-content:center;align-items:center;min-height:400px;width:100%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-state-icon{width:64px;height:64px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);font-size:28px}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--topbar-height) - var(--content-padding) * 2 - 80px);text-align:center}.placeholder-page .placeholder-icon{width:80px;height:80px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);font-size:36px}.sidebar-brand{height:var(--topbar-height);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);cursor:default;-webkit-user-select:none;user-select:none;position:relative}.sidebar-brand:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:1px;background:#ffffff1a}.user-menu-trigger{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;margin-left:var(--space-4);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-default);white-space:nowrap}.user-menu-trigger:hover{background:var(--bg-hover)}.tiptap{outline:none;min-height:280px;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary)}.tiptap p{margin:0 0 .5em}.tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0;font-style:italic}.tiptap a{color:var(--chart-blue);text-decoration:underline;cursor:pointer}.tiptap img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:var(--space-1) 0}.tiptap ul,.tiptap ol{padding-left:1.5em;margin:.5em 0}.tiptap blockquote{border-left:3px solid var(--border);margin:.5em 0;padding-left:1em;color:var(--text-secondary)}.tiptap .merge-tag-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:1px var(--space-2);background:var(--merge-tag-bg);color:var(--merge-tag-text);border:1px solid var(--merge-tag-border);border-radius:var(--radius-sm);font-size:13px;font-weight:var(--font-weight-medium);cursor:default;-webkit-user-select:none;user-select:none;vertical-align:baseline;line-height:20px}@media(max-width:1200px){:root{--content-padding: 16px}}@media(max-width:768px){:root{--content-padding: 12px}}