:root{--brand: #00B4AE;--brand-strong: #28C8C0;--brand-bright: #38D8D0;--brand-deep: #00A098;--brand-dim: rgba(0, 180, 174, .12);--bg: #0A0E13;--bg-raised: #10151C;--bg-overlay: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .07);--border-grid: rgba(255, 255, 255, .045);--text: #E8EAED;--text-muted: #9AA3AD;--text-faint: #5F6873;--positive: #34C98E;--negative: #E06C6C;--warning: #D9A94E;--chart-1: #00A098;--chart-2: #5B8DEF;--chart-3: #C177AE;--chart-4: #BC8B26;--font-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh}#webgl-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(600px 320px at 50% -80px,rgba(0,180,174,.07),transparent 70%)}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em}.logo{height:26px;display:block}.logo.large{height:34px;margin-inline:auto}.login-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:1.25rem;position:relative}.login-card{width:100%;max-width:400px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:.5rem}.login-card h1{font-size:1.25rem;margin-top:1rem}.sub{color:var(--text-muted);font-size:.925rem;line-height:1.5}.notice{background:var(--bg-overlay);border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:8px;padding:.65rem .85rem;font-size:.875rem;margin-top:.5rem}form{display:flex;flex-direction:column;gap:.45rem;margin-top:.75rem}label{font-size:.825rem;color:var(--text-muted);margin-top:.4rem}input,.client-select{background:var(--bg-overlay);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.7rem .85rem;font:inherit;font-size:.95rem}input:focus,.client-select:focus{outline:2px solid var(--brand);outline-offset:-1px}button{font:inherit;cursor:pointer;border-radius:8px}button:disabled{opacity:.6;cursor:wait}.btn-primary{margin-top:.9rem;background:var(--brand);color:var(--bg);border:none;padding:.75rem;font-weight:600;box-shadow:0 0 16px #00b4ae33;transition:background .2s ease,box-shadow .3s ease;animation:brand-glow 5s ease-in-out infinite}.btn-primary:hover{background:var(--brand-strong);box-shadow:0 0 28px #28c8c066;animation:none}@keyframes brand-glow{0%,to{box-shadow:0 0 14px #00b4ae29}50%{box-shadow:0 0 24px #00b4ae52}}@media (prefers-reduced-motion: reduce){.btn-primary{animation:none}}.btn-ghost{background:none;border:1px solid var(--border);color:var(--text-muted);padding:.65rem}.btn-ghost:hover{color:var(--text);border-color:var(--text-faint)}.btn-ghost.small{padding:.4rem .8rem;font-size:.85rem}.login-footer{color:var(--text-faint);font-size:.8rem}.shell{min-height:100vh;display:flex;flex-direction:column}.shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.022) 1px,transparent 1px);background-size:21rem 21rem;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.3) 55%,transparent 90%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.3) 55%,transparent 90%)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:var(--bg-raised);border-bottom:1px solid var(--border)}.topbar-right{display:flex;align-items:center;gap:.75rem}.client-name{color:var(--text-muted);font-size:.925rem}.content{padding:1.5rem 1.25rem;max-width:1360px;width:100%;margin:0 auto;border-inline:1px solid var(--border-grid);flex:1}.content h2{font-size:1.35rem;margin-bottom:.5rem}.placeholder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem;margin-top:1.5rem}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1rem;color:var(--text-muted);font-size:.9rem;min-height:96px;position:relative;overflow:hidden}@media (hover: hover){.content .card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .35s ease;background:radial-gradient(320px circle at var(--mx, 50%) var(--my, 50%),rgba(0,180,174,.09),rgba(255,255,255,.02) 45%,transparent 65%)}.content .card:hover:after{opacity:1}.content .card:hover{border-color:#00b4ae38}}.metric,.card strong,table td{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: no-preference){.kpi-row .card,.charts-row .card,.table-card{animation:fade-in-up .55s cubic-bezier(.16,1,.3,1) both}.kpi-row .card:nth-child(2){animation-delay:60ms}.kpi-row .card:nth-child(3){animation-delay:.12s}.kpi-row .card:nth-child(4){animation-delay:.18s}.kpi-row .card:nth-child(5){animation-delay:.24s}.kpi-row .card:nth-child(n+6){animation-delay:.3s}.charts-row .card:nth-child(1){animation-delay:.22s}.charts-row .card:nth-child(2){animation-delay:.3s}.table-card{animation-delay:.38s}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.filters-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;flex-wrap:wrap}.segmented{display:inline-flex;background:var(--bg-overlay);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.segmented button{border:none;background:none;color:var(--text-muted);font-size:.85rem;padding:.4rem .85rem;border-radius:7px;white-space:nowrap}.segmented button.active{background:var(--brand-dim);color:var(--brand-strong);font-weight:600}.segmented button:hover:not(.active){color:var(--text)}.etl-status{color:var(--text-faint);font-size:.8rem}.kpi-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:.9rem;margin-bottom:1.1rem}.kpi{display:flex;flex-direction:column;gap:.35rem;min-height:0;padding:1.1rem 1.15rem;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 34%),var(--bg-raised)}.kpi-label{font-size:.8rem;color:var(--text-muted);letter-spacing:.01em}.kpi .metric{font-family:var(--font-display);font-size:1.7rem;font-weight:600;letter-spacing:-.02em;color:var(--text);line-height:1.1}.kpi.hero{border-color:#00b4ae59}.kpi.hero .metric{color:var(--brand-strong)}.kpi.vanity{opacity:.72}.kpi.vanity .metric{font-size:1.25rem}.kpi-foot{font-size:.78rem;color:var(--text-faint)}.kpi-foot b{color:var(--text-muted);font-weight:600}.delta{font-weight:600}.metric .delta{font-size:.72rem;vertical-align:3px;margin-left:2px}.delta.up{color:var(--positive)}.delta.down{color:var(--negative)}.delta.neutral{color:var(--text-muted)}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:1.1rem}.chart-card h3,.table-card h3{font-size:.95rem;color:var(--text-muted);font-weight:600;margin-bottom:.75rem}.chart-box{position:relative;height:240px}@media (max-width: 860px){.charts-row{grid-template-columns:1fr}}.table-wrap{overflow-x:auto}#camp-table{width:100%;border-collapse:collapse;font-size:.86rem}#camp-table th{text-align:left;color:var(--text-faint);font-weight:500;font-size:.78rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}#camp-table th.sorted{color:var(--brand-strong)}#camp-table th.sorted:after{content:" ↓"}#camp-table th.sorted.asc:after{content:" ↑"}#camp-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border-grid);color:var(--text)}#camp-table tr:hover td{background:var(--bg-overlay)}#camp-table .num,#camp-table th.num{text-align:right}.camp-name{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-badge{display:inline-block;background:var(--brand-dim);color:var(--brand-strong);border-radius:6px;padding:.12rem .5rem;font-size:.74rem;white-space:nowrap}.empty-state{text-align:center;padding:3rem 1rem}.empty-state h3{margin-bottom:.4rem}.ga4-block{margin-top:1.4rem}.section-title{font-size:1.05rem;margin-bottom:.8rem;color:var(--text)}.kpi.ga4 .metric{font-size:1.4rem}.ga4-table{width:100%;border-collapse:collapse;font-size:.86rem}.ga4-table th{text-align:left;color:var(--text-faint);font-weight:500;font-size:.78rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);white-space:nowrap}.ga4-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border-grid);color:var(--text)}.ga4-table .num,.ga4-table th.num{text-align:right}.ga4-table tr.paid-row td:first-child{color:var(--brand-strong)}.shell.with-sidebar{flex-direction:row}.sidebar{width:92px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1.4rem;padding:1rem 0;background:var(--bg-raised);border-right:1px solid var(--border)}.side-mark{width:30px;height:30px;object-fit:contain}.side-nav{display:flex;flex-direction:column;gap:.35rem;width:100%}.side-nav a{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.65rem .25rem;color:var(--text-faint);text-decoration:none;font-size:.68rem;border-left:2px solid transparent}.side-nav a:hover{color:var(--text-muted)}.side-nav a.active{color:var(--brand-strong);border-left-color:var(--brand);background:var(--brand-dim)}.side-ico{font-size:1.05rem;line-height:1;letter-spacing:-1px}.main-col{flex:1;display:flex;flex-direction:column;min-width:0}.platform-summaries{display:flex;flex-direction:column;gap:.8rem}.mini-panel{border:1px solid var(--border);border-radius:10px;padding:.8rem .95rem}.mini-panel h4{font-family:var(--font-display);font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.mini-panel.muted{opacity:.6}.mini-metrics{display:flex;gap:1.4rem;flex-wrap:wrap}.mini-metrics div{display:flex;flex-direction:column;gap:.1rem}.mini-metrics span{font-size:.72rem;color:var(--text-faint)}.mini-metrics b{font-size:1.02rem;font-variant-numeric:tabular-nums;color:var(--text)}.spark{width:100%;max-width:130px;height:26px;color:var(--brand);opacity:.75;margin-top:.15rem}.kpi.hero .spark{color:var(--brand-strong)}.funnel-card{margin-bottom:1.1rem}.funnel-viz{max-width:760px;margin:.75rem auto 0}.funnel-viz svg{width:100%;height:auto;display:block}.fn-label{font-family:var(--font-body);font-size:12.5px;fill:#e8eaed;opacity:.72;letter-spacing:.01em}.fn-value{font-family:var(--font-display);font-size:22px;font-weight:600;fill:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.fn-cost{font-family:var(--font-body);font-size:12px;font-weight:500;fill:var(--brand-bright);font-variant-numeric:tabular-nums}.fn-rate-label{font-family:var(--font-body);font-size:12px;fill:var(--text-faint)}.fn-rate{font-family:var(--font-display);font-size:17px;font-weight:600;fill:var(--brand-strong);font-variant-numeric:tabular-nums}.fn-rate.worst{fill:var(--warning)}.fn-pp{font-family:var(--font-body);font-size:11.5px;font-weight:500}.fn-pp.up{fill:var(--positive)}.fn-pp.down{fill:var(--negative)}.fn-flag{font-family:var(--font-body);font-size:10.5px;fill:var(--warning);opacity:.9}.funnel-note{font-size:.76rem;color:var(--text-faint);margin-top:.9rem;max-width:62ch}td.heat{background:linear-gradient(90deg,var(--brand-dim) var(--heat),transparent var(--heat))}.audience-block{margin-bottom:1.1rem}.audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:.9rem}.seg-panel h4{font-family:var(--font-display);font-size:.9rem;color:var(--text-muted);margin-bottom:.8rem}.seg-rows{display:flex;flex-direction:column;gap:.75rem}.seg-head{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.seg-name{font-size:.84rem;color:var(--text)}.seg-val{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.seg-val em{font-style:normal;color:var(--text-faint);font-size:.74rem;margin-left:.35rem}.seg-track{height:7px;border-radius:4px;background:var(--bg-overlay);margin:.3rem 0 .15rem;overflow:hidden}.seg-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--brand-deep),var(--brand))}.seg-foot{font-size:.72rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.custom-range{display:flex;align-items:center;gap:.4rem}.custom-range[hidden]{display:none}.custom-range input[type=date]{padding:.35rem .5rem;font-size:.82rem;color-scheme:dark}.custom-range span{color:var(--text-faint)}.media-row{margin-top:-.2rem}.media-row .kpi .metric{font-size:1.25rem}@media (max-width: 760px){.shell.with-sidebar{flex-direction:column-reverse}.sidebar{width:100%;flex-direction:row;justify-content:center;padding:.35rem 0;border-right:none;border-top:1px solid var(--border);position:sticky;bottom:0;gap:.5rem}.side-mark{display:none}.side-nav{flex-direction:row;justify-content:space-around}.side-nav a{border-left:none;border-top:2px solid transparent;padding:.4rem .7rem}.side-nav a.active{border-top-color:var(--brand)}}@media (max-width: 480px){.login-card{padding:1.5rem 1.25rem}.content{padding:1.25rem 1rem}}