:root{--color-brand: #6C5CE7;--color-brand-hover: #5A4BD1;--color-brand-light: #F0EEFF;--color-brand-muted: #C4B5FD;--color-brand-gradient: linear-gradient(135deg, #6C5CE7 0%, #8B7CF8 100%);--color-brand-gradient-deep: linear-gradient(160deg, #5A4BD1 0%, #6C5CE7 50%, #8B5CF6 100%);--color-sidebar-bg: #1E1B4B;--color-sidebar-hover: rgba(255,255,255,.07);--color-sidebar-active: rgba(108,92,231,.25);--color-sidebar-border: rgba(255,255,255,.07);--color-sidebar-text: rgba(255,255,255,.55);--color-sidebar-text-active: #ffffff;--color-sidebar-label: rgba(255,255,255,.28);--color-sidebar-icon: rgba(255,255,255,.4);--color-sidebar-icon-active: #A78BFA;--color-bg: #F8F9FC;--color-surface: #FFFFFF;--color-surface-raised: #FFFFFF;--color-surface-sunken: #F9FAFB;--color-text-primary: #111827;--color-text-secondary: #4B5563;--color-text-tertiary: #9CA3AF;--color-text-inverse: #FFFFFF;--color-text-brand: #6C5CE7;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-border-focus: #6C5CE7;--color-meta: #1877F2;--color-meta-bg: #EBF3FE;--color-tiktok: #161823;--color-tiktok-accent: #25F4EE;--color-tiktok-bg: #F0FFFE;--color-snapchat: #FFFC00;--color-snapchat-bg: #FFFDE7;--color-snapchat-text: #7A6F00;--color-success: #059669;--color-success-bg: #D1FAE5;--color-success-text: #065F46;--color-warning: #D97706;--color-warning-bg: #FEF3C7;--color-warning-text: #78350F;--color-error: #DC2626;--color-error-bg: #FEE2E2;--color-error-text: #7F1D1D;--color-info: #0EA5E9;--color-info-bg: #E0F2FE;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12px;--text-base: 13.5px;--text-md: 15px;--text-lg: 17px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 8px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 24px rgba(0,0,0,.08), 0 4px 8px rgba(0,0,0,.04);--shadow-xl: 0 20px 40px rgba(0,0,0,.1), 0 8px 16px rgba(0,0,0,.06);--shadow-brand: 0 4px 14px rgba(108,92,231,.35);--shadow-brand-lg: 0 8px 24px rgba(108,92,231,.4);--transition-fast: .1s ease;--transition-base: .16s ease;--transition-slow: .24s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg);line-height:1.5}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-300)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-sm);flex:1;min-width:180px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:box-shadow var(--transition-base),transform var(--transition-base);cursor:default}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .stat-icon-wrap{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:18px;flex-shrink:0}.stat-card .stat-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-tertiary);margin-bottom:6px;letter-spacing:.01em}.stat-card .stat-value{font-size:var(--text-2xl);font-weight:800;color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";line-height:1;margin-bottom:12px;letter-spacing:-.03em}.stat-card .stat-delta{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;padding:3px 8px;border-radius:var(--radius-full);width:fit-content;letter-spacing:.01em}.stat-card .stat-delta.up{background:var(--color-success-bg);color:var(--color-success)}.stat-card .stat-delta.down{background:var(--color-error-bg);color:var(--color-error)}.stat-card .stat-delta.flat{background:var(--color-gray-100);color:var(--color-gray-500)}.stat-card .stat-glow{position:absolute;bottom:-28px;right:-28px;width:100px;height:100px;border-radius:50%;opacity:.07;pointer-events:none}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;white-space:nowrap}.status-badge:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0}.status-badge.active{background:var(--color-success-bg);color:var(--color-success)}.status-badge.active:before{background:var(--color-success);box-shadow:0 0 0 2px #05966933}.status-badge.paused{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge.paused:before{background:var(--color-warning)}.status-badge.completed{background:var(--color-gray-100);color:var(--color-gray-500)}.status-badge.completed:before{background:var(--color-gray-400)}.platform-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 7px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;line-height:1;white-space:nowrap;letter-spacing:.01em}.platform-chip .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.platform-chip.meta{background:var(--color-meta-bg);color:var(--color-meta)}.platform-chip.meta .dot{background:var(--color-meta)}.platform-chip.tiktok{background:#f0f0f0;color:var(--color-tiktok)}.platform-chip.tiktok .dot{background:var(--color-tiktok)}.platform-chip.snapchat{background:var(--color-snapchat-bg);color:var(--color-snapchat-text)}.platform-chip.snapchat .dot{background:#c9c600}.progress-wrap{display:flex;align-items:center;gap:8px}.progress-track{flex:1;height:4px;background:var(--color-gray-100);border-radius:var(--radius-full);overflow:hidden;min-width:48px}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;min-width:38px;text-align:right}.search-wrap{position:relative;display:flex;align-items:center}.search-wrap .search-icon{position:absolute;left:10px;color:var(--color-text-tertiary);pointer-events:none;display:flex;align-items:center}.search-wrap .input{padding-left:34px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--color-border-light);background:var(--color-surface-sunken);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.pagination-info{font-size:var(--text-sm);color:var(--color-text-tertiary)}.pagination-controls{display:flex;align-items:center;gap:3px}.page-btn{min-width:32px;height:32px;padding:0 8px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;font-family:var(--font-ui);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast);line-height:1}.page-btn:hover:not(:disabled):not(.active){background:var(--color-brand-light);border-color:var(--color-brand-muted);color:var(--color-brand)}.page-btn.active{background:var(--color-brand);border-color:var(--color-brand);color:#fff;box-shadow:var(--shadow-brand);font-weight:600}.page-btn:disabled{opacity:.35;cursor:not-allowed}.btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:var(--color-brand-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;font-family:var(--font-ui);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-brand);transition:opacity var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);line-height:1;letter-spacing:-.01em}.btn-cta:hover{opacity:.88;box-shadow:var(--shadow-brand-lg);transform:translateY(-1px)}.btn-cta:active{transform:translateY(0);opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;font-family:var(--font-ui);cursor:pointer;border:none;transition:all var(--transition-fast);white-space:nowrap;line-height:1;letter-spacing:-.01em}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-brand);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){background:var(--color-brand-hover);box-shadow:var(--shadow-brand-lg)}.btn-secondary{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-text-primary)}.btn-danger{background:var(--color-error-bg);color:var(--color-error);font-size:var(--text-sm);padding:5px 10px}.btn-danger:hover:not(:disabled){background:#fecaca}.btn-ghost{background:transparent;color:var(--color-text-tertiary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-text-secondary)}.input,.select-field{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-ui);color:var(--color-text-primary);background:var(--color-surface);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%;line-height:1.5}.input::placeholder{color:var(--color-text-tertiary)}.input:focus,.select-field:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px #6c5ce71a}.select-field{cursor:pointer;width:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.data-table thead th{padding:11px 16px;font-size:var(--text-2xs);font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--color-border);background:var(--color-surface-sunken);text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer}.data-table thead th.num-col{text-align:right}.data-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--color-gray-50)}.data-table tbody td{padding:13px 16px;color:var(--color-text-primary);font-size:var(--text-base);vertical-align:middle}.data-table tbody td.num-col{text-align:right;font-variant-numeric:tabular-nums}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-light)}.section-header .section-title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.section-header .section-count{margin-left:8px;font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-gray-100);padding:2px 8px;border-radius:var(--radius-full);font-variant-numeric:tabular-nums;font-weight:600}.section-header .section-meta{font-size:var(--text-sm);color:var(--color-text-tertiary)}.filters-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:24px;background:var(--color-surface);padding:10px 14px;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.filters-divider{width:1px;height:18px;background:var(--color-border);flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 24px;text-align:center;gap:8px}.empty-state .empty-icon{font-size:40px;margin-bottom:10px;opacity:.6}.empty-state .empty-title{font-size:var(--text-md);font-weight:700;color:var(--color-text-secondary);letter-spacing:-.01em}.empty-state .empty-body{font-size:var(--text-base);color:var(--color-text-tertiary);max-width:340px;line-height:1.65;margin-top:4px}.loading-state{display:flex;align-items:center;justify-content:center;padding:72px 24px;gap:10px;color:var(--color-text-tertiary);font-size:var(--text-base)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border:2px solid var(--color-gray-200);border-top-color:var(--color-brand);border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:20px 22px;box-shadow:var(--shadow-sm);flex:1;min-width:140px;display:flex;flex-direction:column;gap:6px;transition:box-shadow var(--transition-base),transform var(--transition-base)}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.metric-card .metric-label{font-size:var(--text-xs);font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em}.metric-card .metric-value{font-size:var(--text-2xl);font-weight:800;color:var(--color-text-primary);font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.02em}.metric-card .metric-trend{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:2px}.metric-card .metric-accent-bar{height:3px;border-radius:var(--radius-full);margin-top:auto;padding-top:8px}.event-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.01em;white-space:nowrap}.event-badge.pageview{background:var(--color-brand-light);color:var(--color-brand)}.event-badge.click{background:var(--color-success-bg);color:var(--color-success)}.event-badge.form_submit{background:var(--color-meta-bg);color:var(--color-meta)}.event-badge.scroll_depth{background:var(--color-warning-bg);color:var(--color-warning)}.event-badge.time_on_page{background:var(--color-gray-100);color:var(--color-gray-500)}.event-badge.video_play{background:var(--color-error-bg);color:var(--color-error)}.event-badge.video_progress{background:#fff7ed;color:#c2410c}.event-badge.custom{background:var(--color-gray-100);color:var(--color-gray-500)}.recharts-tooltip-wrapper .custom-tooltip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:10px 14px;box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-family:var(--font-ui)}