:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-card: #232323;--border: #333;--text-primary: #fff;--text-secondary: #888;--accent: #fe2c55;--accent-light: #ff6b8a;--success: #25d366;--warning: #ffb800;--error: #ff4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5}.app{min-height:100vh}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.header h1{font-size:1.25rem;display:flex;align-items:center;gap:.5rem}.header h1 span{color:var(--accent)}.header-controls{display:flex;gap:1rem;align-items:center}select,button{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem}select:hover,button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent)}.main{padding:2rem;max-width:1400px;margin:0 auto}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.tab{background:transparent;border:none;color:var(--text-secondary);padding:.5rem 1rem;cursor:pointer;border-radius:6px;transition:all .2s}.tab:hover{color:var(--text-primary);background:var(--bg-card)}.tab.active{color:var(--accent);background:var(--bg-card)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title{font-size:1rem;font-weight:600;color:var(--text-secondary)}.funnel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.funnel-step{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;text-align:center;position:relative}.funnel-step:after{content:"→";position:absolute;right:-1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1.5rem}.funnel-step:last-child:after{display:none}.funnel-value{font-size:2rem;font-weight:700;color:var(--accent)}.funnel-label{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.funnel-rate{font-size:.75rem;color:var(--success);margin-top:.25rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-item{background:var(--bg-secondary);padding:1rem;border-radius:8px}.stat-value{font-size:1.5rem;font-weight:700}.stat-value.success{color:var(--success)}.stat-value.warning{color:var(--warning)}.stat-value.error{color:var(--error)}.stat-label{font-size:.75rem;color:var(--text-secondary)}.events-table{width:100%;border-collapse:collapse}.events-table th,.events-table td{text-align:left;padding:.75rem;border-bottom:1px solid var(--border)}.events-table th{color:var(--text-secondary);font-weight:500;font-size:.75rem;text-transform:uppercase}.events-table tr:hover{background:var(--bg-secondary)}.badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.badge.success{background:#25d36633;color:var(--success)}.badge.error{background:#f443;color:var(--error)}.badge.store{background:#6464ff33;color:#66f}.badge.retrieve{background:#ffb80033;color:var(--warning)}.badge.track{background:#fe2c5533;color:var(--accent)}.journey-search{display:flex;gap:1rem;margin-bottom:1.5rem}.journey-search input{flex:1;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:.75rem 1rem;border-radius:6px;font-size:1rem}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:1.5rem}.timeline-item:before{content:"";position:absolute;left:-1.75rem;top:.25rem;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-primary)}.timeline-item.success:before{background:var(--success)}.timeline-item.error:before{background:var(--error)}.timeline-time{font-size:.75rem;color:var(--text-secondary)}.timeline-content{background:var(--bg-secondary);padding:1rem;border-radius:8px;margin-top:.5rem}.loading{text-align:center;padding:3rem;color:var(--text-secondary)}.spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.attribution-highlight{background:linear-gradient(135deg,#fe2c551a,#25d3661a);border:1px solid var(--accent);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.attribution-stat.main{text-align:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.attribution-stat.main .stat-value.large{font-size:3rem;color:var(--success);font-weight:800}.stat-sublabel{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.attribution-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center}.attribution-stat .stat-value{color:var(--text-primary)}.match-breakdown{display:flex;flex-direction:column;gap:.75rem}.match-type-row{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.match-type-info{display:flex;align-items:center;gap:.5rem;min-width:150px}.match-type-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.match-type-name{font-size:.875rem}.match-type-stats{display:flex;align-items:center;gap:1rem;flex:1}.match-type-count{font-weight:600;min-width:60px}.match-type-bar-container{flex:1;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.match-type-bar{height:100%;border-radius:4px;transition:width .3s ease}.match-type-percent{font-size:.875rem;color:var(--text-secondary);min-width:50px;text-align:right}.time-buckets{display:flex;gap:.5rem;height:200px;align-items:flex-end;padding:1rem 0}.time-bucket{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%}.bucket-label{font-size:.625rem;color:var(--text-secondary);text-align:center;order:3}.bucket-bar-container{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;order:1}.bucket-bar{width:80%;background:linear-gradient(to top,var(--accent),var(--accent-light));border-radius:4px 4px 0 0;min-height:4px;transition:height .3s ease}.bucket-count{font-size:.75rem;font-weight:600;order:2}.bucket-percent{font-size:.625rem;color:var(--text-secondary);order:4}.campaigns-table-responsive{width:100%;border-collapse:collapse;table-layout:fixed}.campaigns-table-responsive th,.campaigns-table-responsive td{text-align:left;padding:.75rem .5rem;border-bottom:1px solid var(--border);vertical-align:top}.campaigns-table-responsive th{color:var(--text-secondary);font-weight:500;font-size:.75rem;text-transform:uppercase}.campaigns-table-responsive th:first-child{width:45%}.campaigns-table-responsive th:nth-child(2){width:22%}.campaigns-table-responsive th:nth-child(3){width:15%}.campaigns-table-responsive th:nth-child(4){width:18%}.campaigns-table-responsive tr:hover{background:var(--bg-secondary)}.campaigns-table-responsive .campaign-name{font-weight:500;word-break:break-word;font-size:.875rem}.campaigns-table-responsive .campaign-source{font-size:.7rem;color:var(--text-secondary);margin-top:2px}.campaigns-table-responsive .campaign-stat{font-weight:600}.campaigns-table-responsive .campaign-substat{font-size:.65rem;color:var(--text-secondary);margin-top:2px}.badge.warning{background:#ffb80033;color:var(--warning)}.badge.info{background:#3b82f633;color:#3b82f6}.badge.none{background:#6b728033;color:#6b7280}.match-type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;color:#fff}.alert{padding:.75rem 1rem;border-radius:8px;font-size:.875rem}.alert.warning{background:#ffb80026;border:1px solid rgba(255,184,0,.3);color:var(--warning)}.alert.error{background:#ff444426;border:1px solid rgba(255,68,68,.3);color:var(--error)}.insights-list{display:flex;flex-direction:column;gap:.75rem}.insight{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:8px;font-size:.875rem}.insight.info{background:#3b82f61a;border-left:3px solid #3b82f6}.insight.success{background:#25d3661a;border-left:3px solid var(--success)}.insight.warning{background:#ffb8001a;border-left:3px solid var(--warning)}.insight-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.insight.info .insight-icon{background:#3b82f6;color:#fff}.insight.success .insight-icon{background:var(--success);color:#fff}.insight.warning .insight-icon{background:var(--warning);color:#000}@media (max-width: 768px){.header{flex-direction:column;gap:1rem;padding:1rem}.header-controls{width:100%;justify-content:space-between}.main{padding:1rem}.funnel{grid-template-columns:1fr}.funnel-step:after{display:none}.events-table{font-size:.75rem}.attribution-breakdown{grid-template-columns:repeat(2,1fr)}.match-type-row{flex-wrap:wrap}.match-type-stats{width:100%}.time-buckets{height:150px}.tabs{flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){:root{font-size:14px}.header{padding:.75rem;gap:.75rem}.header h1{font-size:1rem}.header-controls{flex-direction:column;gap:.5rem}.header-controls select,.header-controls button{width:100%;padding:.75rem;font-size:1rem}.main{padding:.75rem}.tabs{gap:.25rem;padding-bottom:.75rem;margin-bottom:1rem;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.tab{padding:.5rem .75rem;font-size:.8rem;white-space:nowrap;flex-shrink:0}.card{padding:1rem;margin-bottom:1rem;border-radius:8px}.card-title{font-size:.875rem}.funnel-step{padding:1rem}.funnel-value{font-size:1.5rem}.funnel-label{font-size:.75rem}.funnel-rate{font-size:.7rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.stat-item{padding:.75rem}.stat-value{font-size:1.25rem}.stat-value.large{font-size:2rem!important}.stat-label{font-size:.65rem}.attribution-highlight{padding:1rem}.attribution-breakdown{grid-template-columns:1fr 1fr;gap:.5rem}.attribution-stat.main{margin-bottom:.75rem;padding-bottom:.75rem}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.events-table{font-size:.7rem;min-width:500px}.events-table th,.events-table td{padding:.5rem .4rem}.badge{padding:.2rem .4rem;font-size:.65rem}.match-type-badge{padding:2px 6px!important;font-size:10px!important}.match-type-row{padding:.5rem 0}.match-type-info{min-width:100px}.match-type-name{font-size:.75rem}.match-type-count{min-width:40px;font-size:.875rem}.match-type-percent{min-width:40px;font-size:.75rem}.time-buckets{height:120px;gap:.25rem;overflow-x:auto;padding-bottom:.5rem}.time-bucket{min-width:45px}.bucket-label{font-size:.5rem}.bucket-count{font-size:.65rem}.bucket-percent{font-size:.5rem}.campaigns-table-responsive th,.campaigns-table-responsive td{padding:.5rem .25rem}.campaigns-table-responsive th{font-size:.65rem}.campaigns-table-responsive .campaign-name{font-size:.75rem}.campaigns-table-responsive .campaign-source{font-size:.6rem}.campaigns-table-responsive .campaign-stat{font-size:.875rem}.campaigns-table-responsive .campaign-substat{font-size:.55rem}.journey-search{flex-direction:column}.journey-search input{font-size:1rem;padding:.75rem}.journey-search button{width:100%;padding:.75rem}.timeline{padding-left:1.5rem}.timeline-item:before{left:-1.25rem;width:10px;height:10px}.timeline-content{padding:.75rem}.timeline-time{font-size:.65rem}.insight{padding:.5rem;font-size:.8rem}.insight-icon{width:18px;height:18px;font-size:.65rem}.alert{padding:.5rem .75rem;font-size:.75rem}.loading{padding:2rem;font-size:.875rem}}