:root{--bg: #111113;--surface: rgba(255, 255, 255, .035);--surface-hover: rgba(255, 255, 255, .06);--surface-active: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .07);--border-subtle: rgba(255, 255, 255, .04);--accent: #3b82f6;--accent-soft: rgba(59, 130, 246, .12);--accent-glow: rgba(59, 130, 246, .2);--purple: #a78bfa;--purple-soft: rgba(167, 139, 250, .12);--green: #34d399;--green-soft: rgba(52, 211, 153, .12);--red: #f87171;--red-soft: rgba(248, 113, 113, .12);--orange: #fbbf24;--orange-soft: rgba(251, 191, 36, .12);--text-primary: rgba(255, 255, 255, .93);--text-secondary: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--ease-out: cubic-bezier(.16, 1, .3, 1);--transition-fast: .15s var(--ease-out);--transition-normal: .25s var(--ease-out);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{min-height:100vh}.header{background:#ffffff06;border-bottom:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:12px}.header-title{font-size:20px;font-weight:700}.header-subtitle{font-size:13px;color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:12px}.tab-group{display:flex;gap:4px;background:var(--surface);border-radius:10px;padding:3px}.tab-btn{padding:8px 20px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:600;transition:all var(--transition-fast);min-height:44px;font-family:inherit}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{background:var(--accent);color:#fff}.refresh-btn{padding:8px 14px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:13px;transition:all var(--transition-fast);min-height:44px;font-family:inherit}.refresh-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.main-content{max-width:1200px;margin:0 auto;padding:20px 24px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:16px}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.summary-card-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.summary-card-value{font-size:28px;font-weight:700}.summary-card-delta{font-size:12px;margin-top:4px;font-weight:500}.filter-toggle{display:none}.filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-bottom:16px;display:flex;gap:12px;flex-wrap:wrap;align-items:end}.filter-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.filter-select,.filter-input{padding:6px 10px;border-radius:6px;border:1px solid var(--border);font-size:16px;min-width:120px;background:var(--surface);color:var(--text-primary);min-height:36px;font-family:inherit}.filter-select option{background:#1e1e22;color:#ffffffed}.clear-btn{padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:13px;color:var(--text-secondary);align-self:end;margin-bottom:2px;transition:all var(--transition-fast);min-height:36px;font-family:inherit}.clear-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.events-by-name{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:16px}.section-title{font-size:14px;font-weight:600;margin-bottom:10px;color:var(--text-secondary)}.event-pills{display:flex;gap:8px;flex-wrap:wrap}.event-pill{padding:4px 12px;border-radius:16px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:13px;display:flex;gap:6px;align-items:center;color:var(--text-primary);transition:all var(--transition-fast);min-height:44px;font-family:inherit}.event-pill:hover{background:var(--surface-hover)}.event-pill.active{border:2px solid var(--accent);background:var(--accent-soft)}.event-pill-count{font-weight:700;color:var(--text-secondary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:16px}.card-header{padding:10px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.card-title{font-size:14px;font-weight:600;color:var(--text-secondary)}.card-count{font-weight:400;color:var(--text-muted)}.card-body{padding:16px}.loading-text{font-size:12px;color:var(--text-muted)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:14px}.table--sm{font-size:13px}.table thead tr{background:#ffffff05}.table th{text-align:left;padding:8px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table th.text-right{text-align:right}.table td{padding:10px 12px;vertical-align:middle;border-bottom:1px solid var(--border-subtle)}.table td.text-right{text-align:right}.table td.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.table td.truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table td.truncate-wide{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.app-name{font-weight:500}.event-name{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.metadata-text{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;color:var(--text-secondary)}.device-text{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;color:var(--text-muted)}.dash{color:var(--text-muted)}.empty-state{padding:40px;text-align:center;color:var(--text-muted)}.env-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.env-badge--dev{color:var(--accent);background:var(--accent-soft)}.env-badge--tf{color:var(--orange);background:var(--orange-soft)}.env-badge--prod{color:var(--green);background:var(--green-soft)}.env-badge--default{color:var(--text-secondary);background:var(--surface-hover)}.web-controls{display:flex;gap:12px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.sync-btn{padding:8px 14px;border-radius:6px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:13px;color:var(--text-primary);align-self:end;transition:all var(--transition-fast);min-height:44px;font-family:inherit}.sync-btn:hover{background:var(--surface-hover)}.sync-btn:disabled{background:var(--surface);cursor:default;color:var(--text-muted)}.period-text{font-size:12px;color:var(--text-muted);align-self:end;margin-bottom:6px}.tables-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.traffic-sources{display:flex;gap:12px;flex-wrap:wrap}.traffic-source-card{padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);min-width:120px;text-align:center;transition:all var(--transition-fast)}.traffic-source-card:hover{background:var(--surface-hover)}.traffic-source-label{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.traffic-source-value{font-size:22px;font-weight:700}.traffic-source-pct{font-size:12px;color:var(--text-muted)}@media (max-width: 768px){.header{position:sticky;top:0;z-index:100;flex-direction:column;gap:8px;padding:10px 16px;background:var(--bg);border-bottom:1px solid var(--border)}.header-left{width:100%;justify-content:space-between}.header-subtitle{display:none}.header-right{width:100%;justify-content:space-between}.refresh-btn{min-height:36px;padding:6px 12px}.tab-btn{min-height:36px;padding:6px 16px;font-size:13px}.main-content{padding:12px}.tables-grid{grid-template-columns:1fr}.filter-toggle{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:13px;font-family:inherit;margin-bottom:12px;min-height:44px;transition:all var(--transition-fast);width:100%;justify-content:center}.filter-toggle:hover{background:var(--surface-hover)}.filter-count{background:var(--accent);color:#fff;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.filter-bar{max-height:0;overflow:hidden;padding:0 16px;margin-bottom:0;border-color:transparent;opacity:0;transition:max-height .25s ease-out,padding .25s ease-out,margin .25s ease-out,opacity .2s ease-out,border-color .2s ease-out}.filter-bar.expanded{max-height:500px;padding:12px;margin-bottom:12px;border-color:var(--border);opacity:1}.filter-bar{flex-direction:column;gap:8px}.filter-select,.filter-input{width:100%}.event-pills{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.event-pill{white-space:nowrap;flex-shrink:0;min-height:36px}.events-table th:nth-child(5),.events-table th:nth-child(6),.events-table td:nth-child(5),.events-table td:nth-child(6){display:none}.pages-table th:nth-child(3),.pages-table th:nth-child(4),.pages-table td:nth-child(3),.pages-table td:nth-child(4){display:none}.queries-table th:nth-child(2),.queries-table th:nth-child(4),.queries-table th:nth-child(5),.queries-table td:nth-child(2),.queries-table td:nth-child(4),.queries-table td:nth-child(5){display:none}}@media (max-width: 480px){.header{padding:8px 12px;gap:6px}.header-title{font-size:17px}.main-content{padding:10px}.summary-cards{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.summary-card{padding:10px 12px}.summary-card.hero{grid-column:1 / -1}.summary-card-value{font-size:24px}.summary-card-delta{font-size:11px}.tab-group{flex:1}.tab-btn{flex:1;text-align:center;padding:6px 10px;font-size:13px}.events-table thead{display:none}.events-table tbody tr{display:flex;flex-wrap:wrap;align-items:center;padding:10px 12px;gap:2px;border-bottom:1px solid var(--border-subtle)}.events-table td{padding:0;border:none}.events-table td:nth-child(3){width:100%;order:-2;padding-bottom:4px;font-size:13px}.events-table td:nth-child(2){order:-1;font-size:12px;color:var(--text-secondary)}.events-table td:nth-child(4){order:0;margin-left:8px}.events-table td:nth-child(1){order:1;margin-left:auto;font-size:12px;color:var(--text-muted)}.events-by-name{padding:10px 12px;margin-bottom:12px}.section-title{font-size:13px;margin-bottom:8px}.card{margin-bottom:12px}.card-header{padding:8px 12px}.tables-grid{gap:12px}.traffic-source-card{flex:0 0 calc(50% - 6px);padding:10px 12px}.traffic-source-value{font-size:20px}.empty-state{padding:24px;font-size:13px}.web-controls{gap:8px;margin-bottom:12px}}