.sources-table{table-layout:fixed;min-width:900px}.sources-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.sources-table th:nth-child(1),.sources-table td:nth-child(1){width:220px;text-align:left;white-space:nowrap}.sources-table th:nth-child(n+2),.sources-table td:nth-child(n+2){text-align:right;white-space:nowrap}.sources-table td:nth-child(4){font-weight:600;color:#9ec1ff}.sources-table td:nth-child(5),.sources-table td:nth-child(7),.sources-table td:nth-child(8){color:#cfd8ff}.sources-table td{padding:8px 12px;font-size:13.5px}.sources-table-wrapper{overflow-x:auto}table.data-table.sources-table th{white-space:normal!important;line-height:1.25;vertical-align:bottom;padding-top:10px;padding-bottom:10px;font-size:13px}table.data-table.sources-table td{white-space:nowrap}table.data-table.sources-table th:nth-child(n+5){text-align:center}.sources-table-wrapper::-webkit-scrollbar{height:6px}.sources-table-wrapper::-webkit-scrollbar-track{background:#111;border-radius:4px}.sources-table-wrapper::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.sources-table-wrapper::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.sources-table-wrapper{scrollbar-width:thin;scrollbar-color:#2a2a2a #111}.screen-journey-heatmap{display:flex;flex-direction:column;gap:16px}.jh-header,.jh-title-row,.jh-summary-grid,.jh-layout-grid,.jh-main-card-header,.jh-source-row,.jh-source-name,.jh-path-item,.jh-legend,.jh-inline-note,.jh-node-detail-header,.jh-side-stat-grid{display:flex}.jh-header,.jh-main-card-header,.jh-path-item,.jh-source-row{justify-content:space-between}.jh-header,.jh-main-card-header,.jh-title-row,.jh-source-row,.jh-source-name,.jh-inline-note,.jh-path-item{align-items:center}.jh-header{gap:16px;flex-wrap:wrap}.jh-title-row{gap:10px;margin-bottom:6px}.jh-title-row h2,.jh-main-card-header h3,.jh-side-card h3,.jh-side-card h4{margin:0;color:var(--text)}.jh-beta-pill{border:1px solid rgba(33,88,199,.16);background:var(--primary-soft);color:var(--primary);padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em}.jh-subtitle,.jh-main-card-header p,.jh-side-card p,.jh-inline-note,.jh-muted,.jh-side-stat-grid span,.jh-summary-label{margin:0;color:var(--text-muted)}.jh-refresh-btn{display:inline-flex;align-items:center;gap:8px}.jh-controls-card,.jh-summary-card,.jh-main-card,.jh-side-card,.jh-message-card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}.jh-controls-card,.jh-main-card,.jh-side-card,.jh-message-card{padding:16px}.jh-controls-grid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:12px}.jh-controls-grid label{display:flex;flex-direction:column;gap:8px;color:var(--text-muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.jh-controls-grid select{background:#fff;border:1px solid var(--border);color:var(--text);min-height:42px;border-radius:12px;padding:0 12px;font-size:14px;font-weight:600}.jh-controls-grid select:focus{outline:none;border-color:#2158c759;box-shadow:0 0 0 4px #2158c714}.jh-message-card{display:flex;align-items:center;gap:10px;color:#b45309;background:linear-gradient(180deg,#fffaf0,#fffbf5)}.jh-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.jh-summary-card{padding:14px 16px}.jh-summary-label{display:block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px}.jh-summary-card strong{font-size:30px;line-height:1;color:var(--text)}.jh-layout-grid{gap:16px;align-items:flex-start}.jh-main-card{flex:1 1 auto;min-width:0}.jh-side-panel{width:340px;display:flex;flex-direction:column;gap:16px}.jh-main-card-header{gap:12px;margin-bottom:12px}.jh-inline-note{gap:8px;font-size:12px;white-space:nowrap}.jh-canvas-shell{position:relative;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#f8fbfffa,#f4f8fffa),linear-gradient(90deg,rgba(33,88,199,.04) 1px,transparent 1px),linear-gradient(rgba(33,88,199,.04) 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;overflow-x:auto;overflow-y:hidden;padding:84px 0 4px}.jh-canvas-shell::-webkit-scrollbar{height:10px;width:10px}.jh-canvas-shell::-webkit-scrollbar-track{background:#edf2f9}.jh-canvas-shell::-webkit-scrollbar-thumb{background:#c4d0e2;border-radius:999px}.jh-edge-tooltip-panel{position:absolute;top:12px;left:12px;z-index:4;width:fit-content;max-width:min(420px,calc(100% - 24px));margin:0;pointer-events:none}.jh-edge-tooltip-panel--hint{opacity:.9}.jh-canvas-svg{display:block;width:auto;min-width:1280px;max-width:none}.jh-edge-group path{transition:opacity .18s ease}.jh-edge-group:hover path{opacity:.55}.jh-node-group{cursor:pointer}.jh-node-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;border:1px solid #cfdcf0;border-radius:20px;color:var(--text);box-shadow:0 8px 18px #18356312;padding:14px 12px 10px}.jh-node-card.selected{border-color:#7ea4ea;box-shadow:0 0 0 3px #2158c71a,0 10px 22px #1835631a}.jh-node-card.dropoff{border-color:#dc26263d}.jh-node-source-bar{position:absolute;top:10px;left:12px;right:12px;height:6px;border-radius:999px;overflow:hidden;display:flex;gap:2px;background:#edf2f9}.jh-node-source-bar span{height:100%;border-radius:999px}.jh-node-title{font-size:clamp(11px,.95vw,14px);font-weight:800;line-height:1.1;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px;text-align:center}.jh-node-path{font-size:10px;color:var(--text-muted);text-align:center}.jh-node-metric{font-size:clamp(11px,.85vw,13px);font-weight:700}.jh-edge-label{font-size:9px;font-weight:700;fill:#496186}.jh-legend{margin-top:12px;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--text-muted)}.jh-side-card{display:flex;flex-direction:column;gap:14px}.jh-side-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jh-side-stat-grid>div{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px}.jh-side-stat-grid strong{font-size:20px;color:var(--text)}.jh-source-stack,.jh-path-list{display:flex;flex-direction:column;gap:10px}.jh-source-row,.jh-path-item{border-bottom:1px solid #e9eff8;padding-bottom:10px;color:var(--text-soft);gap:10px}.jh-source-row:last-child,.jh-path-item:last-child{border-bottom:none;padding-bottom:0}.jh-source-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.jh-source-name{gap:8px;color:var(--text)}.jh-node-detail-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.jh-node-detail-header strong{color:var(--text);word-break:break-word}@media(max-width:1200px){.jh-layout-grid{flex-direction:column}.jh-side-panel{width:100%}}@media(max-width:900px){.jh-controls-grid,.jh-summary-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.jh-inline-note{white-space:normal}}@media(max-width:640px){.jh-controls-grid,.jh-summary-grid,.jh-side-stat-grid{grid-template-columns:1fr}.jh-summary-card strong{font-size:24px}}.jh-side-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jh-feature-card,.jh-metric-tile{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;min-height:92px}.jh-feature-label,.jh-metric-tile span{font-size:12px;line-height:1.35;color:var(--text-muted);font-weight:600}.jh-feature-card strong{font-size:15px;line-height:1.45;color:var(--text);word-break:break-word}.jh-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.jh-section-note{font-size:11px;color:var(--text-muted)}.jh-detail-kicker{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.jh-node-detail-header strong{font-size:22px;line-height:1.15}.jh-node-detail-header span:last-child{font-size:13px;color:var(--text-muted);line-height:1.45;word-break:break-word}.jh-side-stat-grid strong{font-size:30px;line-height:1;color:var(--text)}.jh-path-item span{flex:1;min-width:0;font-size:13px;line-height:1.4;color:var(--text)}.jh-path-item strong,.jh-source-row strong{font-size:14px;color:var(--text);flex-shrink:0}@media(max-width:640px){.jh-side-feature-grid,.jh-side-stat-grid{grid-template-columns:1fr}}.jh-edge-group,.jh-node-group,.jh-node-card{transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease,stroke-width .18s ease}.jh-edge-group.highlighted path{stroke-width:calc(var(--edge-width, 2px) + 1.5px);filter:drop-shadow(0 0 3px rgba(77,127,230,.22))}.jh-edge-group.muted path,.jh-edge-group.muted .jh-edge-label{opacity:.12}.jh-node-group.muted{opacity:.28}.jh-node-card.connected{border-color:#b8c9ea;box-shadow:0 10px 24px #18356317}.jh-node-card.muted{box-shadow:0 4px 10px #1835630a}.jh-node-group.selected{transform-box:fill-box}.jh-edge-hitbox{cursor:pointer}.jh-edge-tooltip-card{display:flex;flex-direction:column;justify-content:center;gap:4px;width:100%;height:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(24,53,99,.12);background:#fffffff7;box-shadow:0 10px 24px #18356329;color:var(--text)}.jh-edge-tooltip-card--panel{min-width:260px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.jh-edge-tooltip-card--hint{background:#ffffffe6;box-shadow:0 8px 18px #1835631a}.jh-edge-tooltip-kicker{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#496186}.jh-edge-tooltip-count{font-size:14px;font-weight:800;line-height:1.1}.jh-edge-tooltip-paths{font-size:12px;color:var(--text-muted);line-height:1.3;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.jh-edge-tooltip-paths strong{color:var(--text);font-weight:700}:root{--page-bg: #f3f6fb;--surface: #ffffff;--surface-muted: #f7f9fc;--surface-soft: #eef3fb;--border: #d9e2f0;--border-strong: #c6d3e6;--text: #173056;--text-soft: #5f708d;--text-muted: #7c8ca7;--heading: #1c4fb6;--primary: #2158c7;--primary-dark: #173c8d;--primary-soft: rgba(33, 88, 199, .12);--success: #2f9e5b;--success-soft: rgba(47, 158, 91, .12);--shadow-sm: 0 6px 18px rgba(24, 53, 99, .06);--shadow-md: 0 16px 34px rgba(24, 53, 99, .08);--shadow-lg: 0 20px 40px rgba(24, 53, 99, .1);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 18px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;padding:0;background:linear-gradient(180deg,#f8fbff 0%,var(--page-bg) 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;color:var(--text);font-variant-numeric:tabular-nums}a{color:inherit}button,select,input,textarea{font:inherit}h1,h2,h3{margin:0 0 10px;font-weight:600;color:var(--text);letter-spacing:-.02em}p{color:var(--text-soft);margin:0}.app-layout{display:flex;min-height:100vh;background:linear-gradient(180deg,#f8fbff,#f3f6fb)}.sidebar{width:232px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px 14px;border-right:1px solid var(--border);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;overflow-y:auto;flex-shrink:0;box-shadow:8px 0 28px #1730560a}.sidebar-header{display:flex;align-items:center;justify-content:center;padding:8px 6px 2px}.sidebar-brand-card{width:100%;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--border);border-radius:16px;padding:14px 12px;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.sidebar-logo{width:138px;display:block}.sidebar-nav{display:flex;flex-direction:column;gap:6px;margin-top:4px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;font-size:14px;font-weight:500;text-decoration:none;color:var(--text-soft);transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.sidebar-link svg{color:#7b8dad;flex-shrink:0}.sidebar-link:hover{background:#eef4ff;color:var(--primary-dark);transform:translate(1px)}.sidebar-link:hover svg{color:var(--primary)}.sidebar-link.active{background:linear-gradient(180deg,#2a65d6,#1f57c4);box-shadow:0 10px 24px #1f57c438;color:#fff}.sidebar-link.active svg{color:#fff}.app-main{flex:1;min-width:0;overflow-y:auto;padding:22px 28px 44px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;margin-bottom:24px;background:#fffffff5;border-radius:16px;border:1px solid rgba(217,226,240,.95);box-shadow:var(--shadow-md)}.topbar-branding{display:flex;align-items:center;gap:16px;min-width:0}.topbar-brand-text{min-width:0}.topbar-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.topbar-title{font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--text);white-space:nowrap}.topbar-title .brand-primary{color:var(--heading)}.topbar-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.topbar-context{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.context-group{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--surface-soft);border:1px solid var(--border);min-height:44px}.context-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-weight:700}.topbar-select{background:transparent;border:none;color:var(--text);font-size:14px;font-weight:600;padding:4px 6px;cursor:pointer;appearance:none;min-width:118px}.topbar-select:focus{outline:none}.topbar-select option{background-color:#fff;color:var(--text)}.date-range-picker{position:relative}.date-range-trigger{display:inline-flex;align-items:center;gap:10px;min-width:340px;border:none;background:transparent;color:var(--text);cursor:pointer;font-size:14px;font-weight:600;padding:2px 4px}.date-range-trigger-text{display:flex;align-items:baseline;gap:10px;min-width:0}.date-range-trigger-preset{color:var(--text);font-weight:700;white-space:nowrap}.date-range-trigger-range{color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-range-trigger:focus-visible{outline:2px solid rgba(33,88,199,.25);outline-offset:4px;border-radius:8px}.date-range-popover{position:absolute;top:calc(100% + 10px);right:0;width:820px;max-width:min(820px,calc(100vw - 48px));background:#fff;border:1px solid #d8dee9;border-radius:14px;box-shadow:0 24px 64px #11182729;z-index:1000;overflow:hidden}.ga4-date-popover{display:grid;grid-template-columns:255px 1fr}.ga4-date-sidebar{border-right:1px solid #d8dee9;background:#f7f8fa;padding:12px 0;max-height:620px;overflow-y:auto}.ga4-date-sidebar button{display:block;width:100%;text-align:left;border:none;background:transparent;color:#3c4043;padding:12px 16px;font-size:14px;cursor:pointer}.ga4-date-sidebar button:hover{background:#eceff7}.ga4-date-sidebar button.active{background:#e8f0fe;color:#1a73e8;font-weight:700}.ga4-date-main{position:relative;min-width:0;padding:16px 16px 14px;background:#fff}.ga4-date-input-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ga4-date-input-field{display:flex;flex-direction:column;gap:4px}.ga4-date-input-field span{font-size:12px;color:#5f6368}.ga4-date-input-field input{width:152px;padding:10px 11px;border:1px solid #c7cdd8;border-radius:8px;font-size:14px;color:#3c4043;background:#fff}.ga4-date-input-field.active input,.ga4-date-input-field input:focus{border-color:#5b6cff;box-shadow:0 0 0 1px #5b6cff inset;outline:none}.ga4-date-dash{color:#5f6368;font-size:18px;padding-top:18px}.ga4-calendar-nav{position:absolute;top:18px;right:16px;display:flex;gap:6px}.ga4-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#5b3df5;border-radius:999px;cursor:pointer}.ga4-nav-btn:hover{background:#f1f3ff}.ga4-calendar-grid-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ga4-calendar-month-title{font-size:14px;font-weight:700;color:#3c4043;margin-bottom:12px;text-transform:uppercase}.ga4-calendar-weekdays,.ga4-calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.ga4-calendar-weekdays{margin-bottom:6px}.ga4-calendar-weekday{text-align:center;font-size:12px;color:#5f6368;padding:4px 0}.ga4-day-cell{position:relative;height:36px;border:none;background:transparent;color:#3c4043;font-size:14px;cursor:pointer;border-radius:0}.ga4-day-cell span{position:relative;z-index:2;display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px}.ga4-day-cell:hover span{background:#f1f3ff}.ga4-day-cell.outside{color:#c0c4cc}.ga4-day-cell.in-range:before{content:"";position:absolute;inset:4px 0;background:#e8f0fe;z-index:1}.ga4-day-cell.range-start:before,.ga4-day-cell.range-end:before,.ga4-day-cell.single-day:before{content:"";position:absolute;inset:4px 0;background:#e8f0fe;z-index:1}.ga4-day-cell.range-start:before{border-radius:999px 0 0 999px}.ga4-day-cell.range-end:before{border-radius:0 999px 999px 0}.ga4-day-cell.single-day:before{border-radius:999px}.ga4-day-cell.range-start span,.ga4-day-cell.range-end span,.ga4-day-cell.single-day span{background:#5b6cff;color:#fff}.ga4-date-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;margin-top:10px;border-top:1px solid #e5e7eb}.ga4-date-footer-summary{min-width:0;flex:1 1 auto;font-size:13px;color:#5f6368;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ga4-date-actions{display:flex;gap:8px;flex:0 0 auto;align-items:center}.date-range-secondary-btn,.date-range-primary-btn{display:inline-flex;align-items:center;justify-content:center;min-width:72px;border-radius:8px;padding:9px 14px;font-weight:700;cursor:pointer;white-space:nowrap}.date-range-secondary-btn{border:1px solid transparent;background:transparent;color:#5b3df5}.date-range-secondary-btn:hover{background:#f5f3ff}.date-range-primary-btn{border:none;background:transparent;color:#5b3df5}.date-range-primary-btn:hover:not(:disabled){background:#f5f3ff}.date-range-primary-btn:disabled{cursor:not-allowed;opacity:.45}.topbar-actions{display:flex;align-items:center;gap:10px}.refresh-btn{padding:10px 18px;border-radius:12px;background:linear-gradient(180deg,#2b67da,#2157c4);color:#fff;border:none;font-weight:700;cursor:pointer;box-shadow:0 12px 24px #2157c438}.refresh-btn:hover{background:linear-gradient(180deg,#3370e4,#275fcf)}.logout-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#f6f8fc;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.logout-btn:hover{background:#fff4f4;color:#d94343;border-color:#f2c6c6}.page-container{max-width:1440px;margin:0 auto;padding:0 2px 32px}.table-wrapper{width:100%;overflow-x:auto}.table-base{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--border)}.table-base thead{background:linear-gradient(180deg,#eef4ff,#e6eefc)}.table-base th{padding:13px 14px;font-size:13px;font-weight:700;color:var(--text);text-align:left;white-space:nowrap;border-bottom:1px solid var(--border)}.table-base td{padding:11px 14px;font-size:14px;line-height:1.4;color:var(--text-soft);vertical-align:top;border-bottom:1px solid #e9eff8;background:#fff}.table-base tbody tr:last-child td{border-bottom:none}.table-base tbody tr:hover td{background:#f7faff}.events-table,.data-table{min-width:900px}.events-controls,.visitor-filters{display:flex;align-items:center;gap:12px;margin:10px 0 14px}.events-controls{justify-content:space-between}.pagination-inline{display:flex;align-items:center;gap:6px}.pagination-inline button,.page-btn{background:linear-gradient(180deg,#2b67da,#2157c4);color:#fff;border:none;padding:7px 12px;border-radius:8px;cursor:pointer;font-weight:700}.pagination-inline button:disabled{opacity:.5;cursor:default}.page-num{font-size:15px;color:var(--text-soft)}.search-inline input,.table-search{width:320px;background:#fff;border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:8px}.btn-clear{background:#edf3ff;color:var(--primary);border:1px solid var(--border);padding:7px 12px;border-radius:8px;cursor:pointer;font-weight:700}.btn-clear:hover{background:#e6efff}.copy-id{cursor:pointer;font-family:monospace;color:var(--primary)}.copy-id:hover{text-decoration:underline;color:var(--primary-dark)}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#edf2f9;border-radius:999px}.table-wrapper::-webkit-scrollbar-thumb{background:#c4d0e2;border-radius:999px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#b0bfd6}.table-wrapper{scrollbar-width:thin;scrollbar-color:#c4d0e2 #edf2f9}.dashboard-screen,.screen.active{display:flex;flex-direction:column;gap:28px}.kpi-row{display:grid;gap:16px}.kpi-row.primary,.kpi-row.secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{padding:18px 18px 16px;min-height:104px;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;gap:10px}.kpi-card.text-kpi .kpi-main{font-size:20px;line-height:1.25}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.kpi-header{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.kpi-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-soft);color:var(--primary);border:1px solid rgba(33,88,199,.12)}.kpi-main{font-size:42px;font-weight:700;color:var(--text);line-height:1;letter-spacing:-.04em;word-break:break-word;overflow-wrap:anywhere}.kpi-subtext{font-size:13px;color:var(--success);font-weight:600}.kpi-subtext.neutral{color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.95fr);gap:22px;align-items:start}.dashboard-left{display:flex;flex-direction:column;gap:18px;min-width:0}.dashboard-right{display:flex;min-width:0}.chart-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart-card,.attrib-card,.table-card,.attribution-rail{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}.chart-card,.attrib-card{padding:18px}.chart-card h3,.attrib-card h3,.table-card h3{margin-bottom:14px;font-size:14px;font-weight:700;color:var(--text)}.attribution-rail{position:sticky;top:22px;padding:22px;display:flex;flex-direction:column;gap:18px}.attribution-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.attribution-header h2{font-size:17px;font-weight:700;color:var(--text)}.attribution-badge{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-weight:700}.attribution-body{font-size:14px;line-height:1.75;color:var(--text-soft)}.attribution-body.muted{color:var(--text-muted)}.attribution-headline{font-size:16px;font-weight:700;color:var(--text);margin-bottom:12px}.attribution-section{display:flex;flex-direction:column;gap:10px}.attribution-guidance{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);color:var(--text);font-weight:500}.attribution-cta{margin-top:auto;align-self:flex-start;background:linear-gradient(180deg,#6abe86,#50a96d);border:none;color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 10px 20px #50a96d38}.attribution-cta:hover{filter:brightness(1.03)}.attrib-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.table-row{margin-top:4px}.table-card{padding:16px 16px 10px}.table-card .table-base{margin-top:6px}@media(max-width:1280px){.dashboard-grid{grid-template-columns:1fr}.dashboard-right{order:-1}.attribution-rail{position:static}}@media(max-width:1024px){.kpi-row.primary,.kpi-row.secondary,.chart-row,.attrib-row{grid-template-columns:1fr}.kpi-main{font-size:34px}}.visitor-list .events-table{table-layout:fixed}.visitor-list .events-table th:nth-child(1),.visitor-list .events-table td:nth-child(1){width:320px;word-break:break-all}.visitor-list .events-table th:nth-child(2),.visitor-list .events-table td:nth-child(2),.visitor-list .events-table th:nth-child(3),.visitor-list .events-table td:nth-child(3),.visitor-list .events-table th:nth-child(4),.visitor-list .events-table td:nth-child(4){width:90px;text-align:center}.visitor-list .events-table th:nth-child(5),.visitor-list .events-table td:nth-child(5),.visitor-list .events-table th:nth-child(6),.visitor-list .events-table td:nth-child(6){width:170px;white-space:nowrap}.campaigns-summary{margin-bottom:18px}.campaigns-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.campaigns-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.campaigns-pill-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-weight:700}.campaigns-select{background:transparent;border:none;color:var(--text);font-size:14px;font-weight:600;padding:4px 28px 4px 6px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:132px;background-image:linear-gradient(45deg,transparent 50%,var(--text-soft) 50%),linear-gradient(135deg,var(--text-soft) 50%,transparent 50%);background-position:right 12px top 53%,right 7px top 53%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.campaigns-select:focus{outline:none}.campaigns-select option{background-color:#fff;color:var(--text)}.toggle-inline{display:inline-flex;align-items:center;gap:8px;color:var(--text-soft);font-size:14px;white-space:nowrap}.search-inline{display:inline-flex;align-items:center;gap:8px}.search-inline input{min-width:220px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text)}.search-inline input::placeholder{color:var(--text-muted)}.btn-clear{padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--primary);font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm)}.btn-clear:disabled{opacity:.55;cursor:not-allowed}.campaigns-summary.compact .kpi-card{min-height:64px;padding:12px 16px}.campaigns-summary.compact .kpi-header{font-size:11px;letter-spacing:.04em;opacity:.75}.campaigns-summary.compact .kpi-main{font-size:22px;margin-top:4px}.campaigns-summary.compact{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1200px){.campaigns-summary.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.campaigns-filters{gap:8px}.search-inline{width:100%}.search-inline input{min-width:0;width:100%}}.visitor-journey .events-table{table-layout:fixed}.visitor-journey-title{font-weight:600;margin-bottom:12px;color:#cfd8ff;word-break:break-all}.visitor-journey .events-table th:nth-child(1),.visitor-journey .events-table td:nth-child(1){width:180px;white-space:nowrap}.visitor-journey .events-table th:nth-child(2),.visitor-journey .events-table td:nth-child(2){width:120px;white-space:nowrap}.visitor-journey .events-table th:nth-child(3),.visitor-journey .events-table td:nth-child(3){width:110px}.visitor-journey .events-table th:nth-child(4),.visitor-journey .events-table td:nth-child(4){width:auto;word-break:break-all}.visitor-journey .events-table th:nth-child(5),.visitor-journey .events-table td:nth-child(5){width:140px;white-space:nowrap}.conversions .events-table td{white-space:normal;word-break:break-word}.conversions .events-table th:nth-child(1),.conversions .events-table td:nth-child(1){width:180px;white-space:nowrap}.conversions .events-table th:nth-child(2),.conversions .events-table td:nth-child(2){width:220px}.conversions .events-table th:nth-child(3),.conversions .events-table td:nth-child(3){width:420px;max-width:420px;overflow:hidden}.conversions .events-table th:nth-child(4),.conversions .events-table td:nth-child(4){width:300px;color:var(--primary);font-size:13px}.conversions .events-table th:nth-child(5),.conversions .events-table td:nth-child(5){width:80px;text-align:center}.conversions .summary-icon{cursor:pointer;font-size:18px;opacity:.85}.conversions .summary-icon:hover{opacity:1}.conversions .source-url{white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.4}.submissions-screen .events-controls{display:flex;justify-content:space-between;align-items:center;min-height:42px}.submissions-screen .pagination-inline span{min-width:72px;text-align:center;display:inline-block}.submissions-screen .table-wrapper{width:100%;overflow-x:auto}.submissions-screen .events-table{min-width:0;table-layout:fixed;width:100%}.submissions-screen .events-table th:nth-child(1),.submissions-screen .events-table td:nth-child(1){width:22%;color:var(--primary);font-size:13px;word-break:break-all}.submissions-screen .events-table th:nth-child(2),.submissions-screen .events-table td:nth-child(2){width:16%}.submissions-screen .events-table th:nth-child(3),.submissions-screen .events-table td:nth-child(3){width:12%}.submissions-screen .events-table th:nth-child(4),.submissions-screen .events-table td:nth-child(4){width:28%}.submissions-screen .events-table th:nth-child(5),.submissions-screen .events-table td:nth-child(5){width:16%;white-space:normal;line-height:1.25}.submissions-screen .events-table th:nth-child(6),.submissions-screen .events-table td:nth-child(6){width:6%;text-align:center}.submissions-screen .events-table td{white-space:normal;word-break:break-word}.submissions-screen .events-table td:nth-child(4) a{white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.35}.submissions-screen .events-table td[colspan]{text-align:center;padding:24px 12px;font-style:italic}.submissions-screen .mini-btn{opacity:.92;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-sm)}.submissions-screen .mini-btn:hover{opacity:1}@media(max-width:900px){.submissions-screen .events-table{min-width:900px}.submissions-screen .events-table th,.submissions-screen .events-table td{padding:10px}.submissions-screen .events-table td:nth-child(5){white-space:nowrap}}.submissions-screen .submissions-filter-card{margin-bottom:16px;padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)}.submissions-screen .submissions-filter-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.submissions-screen .submissions-filter-header h3{margin:0 0 4px;font-size:16px}.submissions-screen .submissions-filter-header p{margin:0;color:var(--muted);line-height:1.45}.submissions-screen .submissions-filter-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef4ff;color:#285ea8;font-size:12px;font-weight:600;white-space:nowrap}.submissions-screen .submissions-filter-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.submissions-screen .submissions-filter-chip{display:inline-flex;align-items:center;max-width:100%;padding:8px 10px;border-radius:999px;background:#f8fafc;border:1px solid var(--border);font-size:12px;color:var(--text);overflow-wrap:anywhere}@media(max-width:900px){.submissions-screen .submissions-filter-header{flex-direction:column}}#screen-attribution .attr-block{margin-bottom:28px}#screen-attribution h3{margin-bottom:10px;font-size:16px;font-weight:600}.attribution-overview{padding:24px;font-size:14px;line-height:1.7;color:#d1d5db}.attribution-overview h2{margin-bottom:10px}.attribution-overview p{margin-bottom:12px}.attribution-table th:nth-child(1),.attribution-table td:nth-child(1){width:70%;white-space:nowrap}.attribution-table th:nth-child(2),.attribution-table td:nth-child(2){width:30%;text-align:right;font-weight:600;color:#3b82f6}.admin-page{display:flex;flex-direction:column;gap:20px}.admin-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.admin-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:20px;align-items:start}.admin-sidebar-stack{display:flex;flex-direction:column;gap:20px}.admin-sidebar-card{align-self:start;width:100%}.admin-card{background:#fff;border:1px solid #d9e2ec;border-radius:16px;padding:20px;box-shadow:0 8px 24px #0f172a0f}.admin-card-wide{min-width:0}.admin-card-header,.admin-card-header-stack{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.admin-card-header h2,.admin-card-header-stack h2,.admin-modal-header h3{margin:0}.admin-card-header-stack{align-items:flex-start}.admin-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef4ff;color:#285ea8;font-size:12px;font-weight:600}.admin-form,.admin-users-add-form{display:flex;flex-direction:column;gap:14px}.admin-form label,.admin-users-add-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#243b53}.admin-form input,.admin-users-add-form input,.admin-users-add-form select,.admin-search,.admin-role-select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;font-size:14px;outline:none;background:#fff}.admin-form input:focus,.admin-users-add-form input:focus,.admin-users-add-form select:focus,.admin-search:focus,.admin-role-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.admin-search{max-width:320px}.admin-preview-row{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc}.admin-preview-row code{display:inline-block;width:fit-content}.admin-preview-label,.admin-muted,.admin-modal-eyebrow{color:#52606d;font-size:14px}.admin-submit-btn,.admin-users-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.admin-message{margin-bottom:12px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600}.admin-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.admin-success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.admin-table-wrap,.admin-users-table-wrap{overflow-x:auto}.admin-client-name{font-weight:600;color:#102a43}.admin-actions-cell{display:flex;gap:8px;flex-wrap:wrap}.admin-inline-btn,.admin-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #cbd5e1;background:#fff;color:#102a43;border-radius:10px;padding:8px 10px;cursor:pointer}.admin-inline-btn-danger{border-color:#fecaca;color:#b91c1c;background:#fff5f5}.admin-consent-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:999px;padding:6px 10px 6px 7px;font-size:13px;font-weight:700;cursor:pointer;min-width:78px}.admin-consent-toggle-track{position:relative;display:inline-flex;width:34px;height:18px;border-radius:999px;background:#cbd5e1;transition:background .16s ease;flex:0 0 auto}.admin-consent-toggle-knob{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #0f172a40;transition:transform .16s ease}.admin-consent-toggle.is-on{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.admin-consent-toggle.is-on .admin-consent-toggle-track{background:#10b981}.admin-consent-toggle.is-on .admin-consent-toggle-knob{transform:translate(16px)}.admin-consent-toggle.is-off{border-color:#e2e8f0;background:#f8fafc;color:#64748b}.admin-modal-backdrop{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1200}.admin-modal{width:min(720px,100%);background:#fff;border-radius:18px;box-shadow:0 24px 60px #0f172a47;overflow:hidden}.admin-modal-users{width:min(980px,100%)}.admin-modal-header,.admin-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px}.admin-modal-body{padding:0 20px 20px}.admin-users-modal-body{display:flex;flex-direction:column;gap:16px}.admin-users-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-users-count{font-size:15px;font-weight:700;color:#102a43;margin-bottom:4px}.admin-users-add-form{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,220px) auto;gap:12px;align-items:end}.admin-role-select{min-width:140px}.admin-code-block{margin:0;padding:16px;background:#0f172a;color:#e2e8f0;border-radius:14px;overflow-x:auto;font-size:13px;line-height:1.6}@media(max-width:1100px){.admin-grid{grid-template-columns:1fr}.admin-sidebar-card{width:100%}.admin-users-add-form{grid-template-columns:1fr}}@media(max-width:720px){.admin-card,.admin-modal-header,.admin-modal-actions,.admin-modal-body{padding-left:16px;padding-right:16px}.admin-card-header,.admin-card-header-stack,.admin-header-row,.admin-modal-header,.admin-modal-actions,.admin-users-top-row{flex-direction:column;align-items:stretch}.admin-search{max-width:none}}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-form-span-2{grid-column:span 2}.admin-form-actions-row{display:flex;align-items:end}@media(max-width:900px){.admin-form-grid{grid-template-columns:1fr}.admin-form-span-2{grid-column:span 1}}@media(max-width:1100px){.topbar{align-items:flex-start}.topbar-controls{width:100%;justify-content:space-between}.topbar-context{width:100%}.date-range-trigger{min-width:280px}.date-range-popover{width:min(820px,calc(100vw - 40px));right:-12px}}@media(max-width:900px){.app-layout{flex-direction:column}.sidebar{width:100%;height:auto;display:flex;flex-direction:column;padding:10px 10px 6px;border-right:none;border-bottom:1px solid #262626}.sidebar-header{display:flex;justify-content:center;margin-bottom:8px}.sidebar-header img{max-height:88px;justify-content:left;width:auto}.sidebar-logo{width:130px;display:block;margin:0 auto 12px;opacity:.85;filter:drop-shadow(0 0 12px rgba(77,178,255,.25))}.sidebar-nav{display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;width:100%}.sidebar-nav::-webkit-scrollbar{height:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.sidebar-nav .sidebar-link,.sidebar-nav .nav-item{white-space:nowrap;padding:8px 14px;font-size:14px;flex-shrink:0}.main{height:auto;padding:12px}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.topbar-controls,.topbar-context{width:100%}.topbar-actions{width:100%;justify-content:flex-end}.dashboard-grid{grid-template-columns:1fr}.kpi-row{grid-template-columns:repeat(2,1fr)}.chart-row,.attrib-row{grid-template-columns:1fr}.table-wrapper,.sources-table-wrapper{overflow-x:auto}.table-search,.search-inline input{width:100%}.visitor-filters{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:760px){.context-group{width:100%;justify-content:space-between}.date-range-trigger{min-width:0;width:100%;justify-content:flex-end}.date-range-trigger-text{flex-direction:column;align-items:flex-end;gap:0}.date-range-popover{position:fixed;left:12px;right:12px;top:92px;width:auto;max-width:none}.ga4-date-popover{grid-template-columns:1fr}.ga4-date-sidebar{max-height:220px;border-right:none;border-bottom:1px solid #d8dee9}.ga4-calendar-grid-wrap{grid-template-columns:1fr}.ga4-date-input-row,.ga4-date-footer{flex-direction:column;align-items:flex-start}.ga4-date-actions{width:100%;justify-content:flex-end}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{line-height:1.4}.topbar{align-items:flex-start;flex-wrap:wrap}.topbar-branding{flex:1 1 420px}.topbar-brand-text{min-width:0;max-width:100%}.topbar-title{white-space:normal;overflow-wrap:anywhere;line-height:1.14;font-size:clamp(1.55rem,1.3rem + .85vw,1.75rem)}.topbar-controls{flex:1 1 520px;min-width:280px}.topbar-context{flex:1 1 auto;justify-content:flex-end}.context-group{flex:1 1 240px;min-width:0;flex-wrap:wrap;align-items:center}.topbar-select{min-width:0;max-width:100%;flex:1 1 180px}.date-range-picker{width:100%;min-width:0;flex:1 1 240px}.date-range-trigger{width:100%;min-width:0}.date-range-trigger-text{min-width:0;flex:1 1 auto;flex-wrap:wrap}.date-range-trigger-preset{flex:0 0 auto}.date-range-trigger-range{white-space:normal;overflow:visible;text-overflow:clip}.topbar-actions{flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}.refresh-btn,.logout-btn{flex-shrink:0}.kpi-row.primary,.kpi-row.secondary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.kpi-card{min-height:112px}.kpi-main{font-size:clamp(2rem,1.65rem + 1.1vw,2.625rem);line-height:1.05}.kpi-card.text-kpi .kpi-main{font-size:clamp(1.125rem,1rem + .45vw,1.25rem)}.dashboard-grid{grid-template-columns:minmax(0,1.85fr) minmax(320px,.95fr)}.chart-row,.attrib-row{align-items:stretch}.attrib-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.chart-card,.attrib-card,.table-card,.attribution-rail,.kpi-card,.context-group{min-width:0}.attribution-headline,.attribution-body,.attribution-guidance,.table-base td,.table-base th{overflow-wrap:anywhere}@media(max-width:1450px){.dashboard-grid{grid-template-columns:1fr}.dashboard-right{display:block}.attribution-rail{position:static}}@media(max-width:1280px){.chart-row{grid-template-columns:1fr}.topbar-controls,.topbar-context,.topbar-actions{width:100%;justify-content:flex-start}}@media(max-width:760px){.topbar-title{font-size:1.45rem}.context-group{width:100%}}