:root{color:#c8d6e5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#080c14;font-family:SF Mono,Fira Code,JetBrains Mono,ui-monospace,monospace;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:#080c14}h1,h2,h3,p{margin:0}h1,h2,h3{color:#edf2f9;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:600}.shell{width:min(960px,100%);margin:0 auto;padding:32px 20px 64px}.shell-wide{width:min(1440px,100%)}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.header h1{letter-spacing:-.02em;font-size:1.4rem}.header-subtitle{color:#64748b;margin-top:6px;font-size:13px}.header-right{align-items:center;gap:12px;display:flex}.status-dot{border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse;display:inline-block}.status-dot.ok{background:#34d399;box-shadow:0 0 8px #34d39966}.status-dot.warning{background:#fbbf24;box-shadow:0 0 8px #fbbf2466}.status-dot.critical,.status-dot.error{background:#f87171;box-shadow:0 0 8px #f8717166}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.countdown{color:#475569;text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:11px}.refresh-label{color:#5f6c84;font-size:12px}.refresh-label select{color:#94a3b8;background:#111827;border:1px solid #1e293b;border-radius:6px;margin-left:6px;padding:4px 8px;font-family:inherit;font-size:12px}.refresh-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #1e293b;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:12px;transition:border-color .2s,color .2s}.refresh-btn:hover{color:#e2e8f0;border-color:#334155}.kpi-row{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.kpi{background:#0f1420;border:1px solid #1e293b;border-radius:12px;flex-direction:column;flex:1;gap:4px;min-width:120px;padding:16px 18px;display:flex}.kpi-value{font-variant-numeric:tabular-nums;font-family:Inter,system-ui,sans-serif;font-size:1.6rem;font-weight:700;line-height:1.1}.kpi-value.spend{color:#f59e0b}.kpi-value.visitors{color:#38bdf8}.kpi-value.orders-kpi{color:#a78bfa}.kpi-value.revenue{color:#34d399}.kpi-value.roas{color:#f472b6}.kpi-label{text-transform:uppercase;letter-spacing:.1em;color:#475569;font-size:11px}.channels{margin-bottom:28px}.channels h3{color:#94a3b8;margin-bottom:12px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600}.channels-period{color:#475569;margin-left:8px;font-size:11px;font-weight:400}.channel-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.channel-card{background:#0f1420;border:1px solid #1e293b;border-radius:10px;padding:14px 16px}.channel-card.wide{grid-column:1/-1}.ch-name{color:#94a3b8;margin-bottom:8px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600}.ch-stats{color:#64748b;flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.ch-stats span{font-variant-numeric:tabular-nums}.ch-spend{font-weight:600;color:#f59e0b!important}.source-list{flex-direction:column;gap:6px;display:flex}.source-row{align-items:center;gap:10px;font-size:12px;display:flex}.source-name{color:#94a3b8;min-width:90px;font-weight:500}.source-bar-wrap{background:#1e293b;border-radius:3px;flex:1;height:6px;overflow:hidden}.source-bar{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:3px;height:100%;transition:width .4s;display:block}.source-val{text-align:right;color:#64748b;font-variant-numeric:tabular-nums;min-width:40px}.window-tabs{background:#0f1420;border-radius:10px;gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.window-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.window-tab:hover{color:#94a3b8}.window-tab.active{color:#e2e8f0;background:#1e293b;box-shadow:0 2px 8px #0000004d}.funnel{flex-direction:column;margin-bottom:28px;display:flex}.funnel-step{align-items:center;gap:16px;padding:0 0 0 20px;display:flex}.funnel-bar-wrap{flex:1;align-items:center;height:48px;display:flex;position:relative}.funnel-bar{border-radius:8px;align-items:center;gap:10px;min-width:4px;height:100%;padding:0 14px;transition:width .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.funnel-bar-label{color:#ffffffe6;white-space:nowrap;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600}.funnel-bar-count{color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:700}.funnel-meta{text-align:right;color:#475569;font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:2px;min-width:100px;font-size:11px;display:flex}.funnel-meta .revenue{color:#ec4899;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:700}.funnel-dropoff{align-items:center;gap:8px;min-height:26px;padding:2px 0 2px 40px;display:flex}.dropoff-line{background:#1e293b;width:1px;height:14px}.dropoff-arrow{color:#475569;font-size:9px}.dropoff-rate{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.dropoff-rate.good{color:#34d399}.dropoff-rate.mid{color:#fbbf24}.dropoff-rate.bad{color:#f87171}.dropoff-rate.neutral{color:#64748b}.dropoff-label{color:#475569;font-size:11px}.bar-pv{background:linear-gradient(90deg,#3b82f6,#2563eb)}.bar-click{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.bar-handoff{background:linear-gradient(90deg,#f59e0b,#d97706)}.bar-confirmed{background:linear-gradient(90deg,#10b981,#059669)}.bar-orders{background:linear-gradient(90deg,#ec4899,#db2777)}.alerts-section{margin-bottom:24px}.alerts-section h3{text-transform:uppercase;letter-spacing:.12em;color:#475569;margin-bottom:10px;font-family:inherit;font-size:12px}.alert{border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:6px;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.alert .alert-icon{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.alert.ok{background:#05201a;border-color:#064e3b}.alert.ok .alert-icon{background:#34d399}.alert.ok .alert-title{color:#6ee7b7}.alert.ok .alert-detail{color:#4ade80aa}.alert.warning{background:#1c1508;border-color:#422006}.alert.warning .alert-icon{background:#fbbf24}.alert.warning .alert-title{color:#fcd34d}.alert.warning .alert-detail{color:#fbbf24aa}.alert.critical{background:#1f0808;border-color:#450a0a}.alert.critical .alert-icon{background:#f87171}.alert.critical .alert-title{color:#fca5a5}.alert.critical .alert-detail{color:#f87171aa}.alert-content{flex-direction:column;gap:2px;display:flex}.alert-title{font-weight:600}.alert-detail{font-size:12px}.latest-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px;display:grid}.latest-card{background:#0f1420;border:1px solid #1e293b;border-radius:10px;padding:14px 16px}.latest-card .lc-label{text-transform:uppercase;letter-spacing:.1em;color:#475569;margin-bottom:6px;font-size:11px}.latest-card .lc-value{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:13px}.error-banner{color:#fca5a5;background:#1f0808;border:1px solid #450a0a;border-radius:10px;margin-bottom:24px;padding:14px 16px;font-size:13px}.error-banner strong{margin-bottom:4px;display:block}.loading-shell{color:#475569;justify-content:center;align-items:center;min-height:60vh;font-size:14px;display:flex}.view-tabs{background:#0f1420;border-radius:10px;gap:2px;width:fit-content;margin-bottom:24px;padding:3px;display:flex}.view-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 28px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.view-tab:hover{color:#94a3b8}.view-tab.active{color:#e2e8f0;background:#1e293b;box-shadow:0 2px 8px #0000004d}.ops-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-bottom:32px;display:grid}.ops-section{background:#0f1420;border:1px solid #1e293b;border-radius:14px;grid-column:span 12;padding:18px}.ops-section:first-child{margin-top:0}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.section-header h3{text-transform:uppercase;letter-spacing:.08em;color:#dbe8f8;font-size:14px}.section-subtitle{color:#64748b;font-size:12px}.overview-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.overview-card,.mini-kpi{background:#0b111a;border:1px solid #1b2637;border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.overview-label{text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-size:11px}.overview-value,.mini-kpi-value,.status-text{font-variant-numeric:tabular-nums;color:#edf2f9;font-family:Inter,system-ui,sans-serif;font-size:1.35rem;font-weight:700}.overview-health-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.health-chip,.source-pill{text-transform:uppercase;letter-spacing:.08em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.health-chip.ok,.source-pill.ok{color:#6ee7b7;background:#082219;border-color:#0b3b2b}.health-chip.warning,.source-pill.warning{color:#fcd34d;background:#211605;border-color:#58310a}.health-chip.error,.source-pill.error{color:#fca5a5;background:#220b0b;border-color:#5f1a1a}.overview-meta{color:#64748b;gap:12px;margin-left:auto;font-size:12px;display:flex}.source-health-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.source-health-card{background:#0b111a;border:1px solid #1b2637;border-radius:12px;padding:14px}.source-health-top{justify-content:space-between;gap:8px;margin-bottom:10px;display:flex}.source-health-label{color:#dce7f7;font-size:13px;font-weight:600}.source-health-age,.source-health-meta{color:#64748b;font-size:12px}.source-health-meta{justify-content:space-between;gap:8px;display:flex}.source-health-error{color:#fca5a5;margin-top:8px;font-size:12px}.mini-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.status-text.ok{color:#34d399}.status-text.warning{color:#fbbf24}.status-text.critical{color:#f87171}.data-table-block+.data-table-block{margin-top:16px}.data-table-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:12px;font-weight:600}.data-table-wrap{border:1px solid #1b2637;border-radius:12px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:640px}.data-table th,.data-table td{text-align:left;color:#d7e2f1;border-bottom:1px solid #162132;padding:12px 14px;font-size:12px}.data-table th{color:#8ea2bb;text-transform:uppercase;letter-spacing:.08em;background:#0b111a;font-size:11px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#101827}.panel-empty{color:#64748b;padding:12px 0;font-size:13px}.funnel-window-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.funnel-window-card{background:#0b111a;border:1px solid #1b2637;border-radius:12px;padding:14px}.funnel-window-top,.funnel-window-stats,.funnel-window-rates{flex-wrap:wrap;gap:8px 12px;display:flex}.funnel-window-top{justify-content:space-between;margin-bottom:8px}.funnel-window-name{color:#edf2f9;font-size:13px;font-weight:700}.funnel-window-revenue{color:#34d399;font-size:12px;font-weight:700}.funnel-window-stats span,.funnel-window-rates span{color:#8ea2bb;font-size:12px}.ops-grid>:first-child{grid-column:span 12}.ops-grid>:nth-child(2),.ops-grid>:nth-child(3),.ops-grid>:nth-child(4){grid-column:span 4}.ops-grid>:nth-child(5){grid-column:span 12}.trends-view{margin-bottom:32px}.trends-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.trends-header h3{color:#e2e8f0;margin:0;font-family:Inter,system-ui,sans-serif;font-size:1.1rem}.range-tabs{background:#0f1420;border-radius:8px;gap:2px;padding:3px;display:flex}.range-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.range-tab:hover{color:#94a3b8}.range-tab.active{color:#e2e8f0;background:#1e293b}.chart-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.chart-panel{background:#0f1420;border:1px solid #1e293b;border-radius:12px;padding:16px 16px 8px;overflow:hidden}.chart-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600}.chart-body{font-family:inherit}.recharts-text{fill:#64748b}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#1e293b}.recharts-legend-item-text{font-size:11px;color:#94a3b8!important}.recharts-tooltip-wrapper{font-family:inherit}.recharts-default-tooltip{font-family:inherit!important}@media (width<=700px){.header{flex-direction:column;align-items:flex-start}.kpi-row{flex-direction:column}.channel-grid,.latest-grid{grid-template-columns:1fr}.funnel-step{gap:10px;padding-left:8px}.funnel-meta{min-width:70px}.funnel-dropoff{padding-left:20px}.funnel-bar-count{font-size:15px}.chart-grid,.overview-kpis,.source-health-grid,.mini-kpis,.funnel-window-grid{grid-template-columns:1fr}.overview-meta{flex-direction:column;margin-left:0}.ops-grid{grid-template-columns:1fr}.ops-grid>:first-child,.ops-grid>:nth-child(2),.ops-grid>:nth-child(3),.ops-grid>:nth-child(4),.ops-grid>:nth-child(5){grid-column:span 1}}