:root{--bg:#07051a;--card:#15113a;--line:#30235e;--soft:rgba(114,92,183,.18);--text:#f5f2ff;--muted:#9188b3;--purple:#a64cff;--purple2:#743cff;--cyan:#2bb9ed;--green:#22ca91;--orange:#ff8f22;--red:#ff5a70;--yellow:#f5c65b;--radius:18px}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 18% -5%,rgba(145,69,255,.14),transparent 34%),var(--bg)}button{font:inherit}.shell{width:min(1180px,calc(100% - 34px));margin:0 auto;padding:52px 0 38px}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:34px}.pill{display:inline-flex;padding:7px 11px;border-radius:999px;background:#092945;border:1px solid #17557c;color:#64ccff;font-size:12px;font-weight:800}h1{margin:10px 0 7px;font-size:clamp(32px,4vw,46px);line-height:1;letter-spacing:-.04em;background:linear-gradient(90deg,#fff 0%,#eee5ff 46%,#bc68ff 78%);-webkit-background-clip:text;background-clip:text;color:transparent}h2{margin:0;color:#f4f0ff;font-size:22px;letter-spacing:-.025em}.muted{color:var(--muted)}.small{font-size:11px}.section-kicker{display:block;color:#978bb9;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:900;margin-bottom:8px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:5px;background:rgba(16,11,46,.88);border:1px solid var(--line);border-radius:15px;position:sticky;top:10px;z-index:20;backdrop-filter:blur(14px)}.tab{border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:800;padding:13px 10px;border-radius:10px;cursor:pointer;transition:.18s}.tab:hover{color:#fff;background:rgba(111,62,255,.12)}.tab.active{color:#fff;background:linear-gradient(90deg,var(--purple),var(--purple2));box-shadow:0 0 22px rgba(166,76,255,.3)}.tab-panel{display:none;margin-top:28px}.tab-panel.active{display:block;animation:fade .18s ease}@keyframes fade{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.kpi-grid{display:grid;gap:13px}.kpi-grid.five{grid-template-columns:repeat(5,1fr)}.kpi-grid.four{grid-template-columns:repeat(4,1fr)}.kpi-card{position:relative;overflow:hidden;min-height:122px;padding:20px 18px;background:linear-gradient(160deg,rgba(25,19,66,.98),rgba(16,13,45,.98));border:1px solid var(--line);border-radius:var(--radius)}.kpi-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--accent,var(--purple))}.kpi-label{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.kpi-value{margin-top:13px;font-size:28px;font-weight:900;letter-spacing:-.035em}.kpi-note{margin-top:5px;color:var(--muted);font-size:11px}.kpi-icon{position:absolute;right:17px;top:17px;opacity:.65}.two-col{display:grid;grid-template-columns:.92fr 1.08fr;gap:16px}.top-gap{margin-top:16px}.top-gap-sm{margin-top:18px}.card{background:linear-gradient(160deg,rgba(20,16,54,.98),rgba(14,11,39,.98));border:1px solid var(--line);border-radius:var(--radius);padding:23px}.wide-card{margin-top:16px}.card-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.metric-list{margin-top:18px}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 3px;border-bottom:1px solid var(--soft);font-size:13px}.metric-row:last-child{border-bottom:0}.metric-row span{color:#d8d2eb}.metric-row strong{white-space:nowrap}.chart-card{min-height:380px}.compact-chart{min-height:390px}.chart-wrap{position:relative;height:290px;margin-top:16px}.funnel-wrap{height:315px}.chart-note{color:var(--muted);font-size:12px;line-height:1.55;margin:8px 0 0}.table-wrap{margin-top:17px;overflow:auto;border-radius:12px}table{width:100%;min-width:720px;border-collapse:collapse;font-size:12px}th{color:#8f86ac;text-transform:uppercase;letter-spacing:.08em;font-size:10px;text-align:left}th,td{padding:14px 11px;border-bottom:1px solid var(--soft)}td:nth-child(n+2),th:nth-child(n+2){text-align:right}.change{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:900}.change.good{color:#43dfad;background:rgba(34,202,145,.14)}.change.bad{color:#ff768a;background:rgba(255,90,112,.14)}.change.neutral{color:#c9b1ff;background:rgba(166,76,255,.14)}.creative-list{margin-top:18px}.creative-row{display:grid;grid-template-columns:1.45fr .9fr auto;align-items:center;gap:20px;padding:18px 4px;border-bottom:1px solid var(--soft)}.creative-row:last-child{border-bottom:0}.creative-title{font-size:14px;font-weight:800}.creative-desc{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.45}.bar-track{height:9px;background:rgba(129,111,179,.14);border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),#cf87ff)}.bar-fill.green{background:linear-gradient(90deg,#17b983,#43d6aa)}.bar-fill.orange{background:linear-gradient(90deg,#f18b20,#ffc159)}.status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}.status.top{color:#36e1ad;background:rgba(34,202,145,.13)}.status.work{color:#d4a3ff;background:rgba(166,76,255,.16)}.status.test{color:#ffc56c;background:rgba(255,143,34,.15)}.day-compare{margin-top:15px}.day-card{display:grid;grid-template-columns:1fr repeat(3,minmax(72px,.55fr));gap:12px;align-items:center;padding:14px 3px;border-bottom:1px solid var(--soft)}.day-card:last-child{border-bottom:0}.day-name{font-weight:900}.day-sub{color:var(--muted);font-size:10px;margin-top:3px}.day-stat{text-align:right}.day-stat b{display:block;font-size:15px}.day-stat span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.mini-insight{margin-top:8px;padding:12px 14px;border-radius:12px;background:rgba(166,76,255,.08);border:1px solid rgba(166,76,255,.16);font-size:12px;line-height:1.5;color:#c9c0df}.prose-card h2{font-size:21px}.bullet-stack{margin-top:18px;display:grid;gap:10px}.bullet{display:flex;gap:10px;padding:13px;border-radius:12px;background:rgba(9,7,28,.48);border:1px solid rgba(114,92,183,.19);font-size:12.5px;line-height:1.5;color:#c8c1df}.bullet i{font-style:normal;flex:0 0 auto}.prose-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:20px}.prose-item{padding:17px;border-radius:13px;border:1px solid rgba(114,92,183,.22);background:rgba(8,6,27,.42)}.prose-item strong{display:block;font-size:13px;margin-bottom:7px}.prose-item p{margin:0;color:#aaa2c8;font-size:12.5px;line-height:1.55}.week-card .kpi-value{font-size:23px}.week-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.week-meta span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase}.week-meta b{display:block;margin-top:2px;font-size:11px}.conversion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:20px}.conversion-card{padding:17px;border:1px solid rgba(114,92,183,.22);background:rgba(8,6,27,.42);border-radius:14px}.conversion-card .conv-label{font-size:11px;color:var(--muted);line-height:1.35}.conversion-card .conv-value{font-size:27px;font-weight:900;margin:9px 0 11px}.progress{height:7px;background:rgba(136,119,184,.15);border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--purple),#cc78ff)}.conv-delta{font-size:10px;margin-top:9px}.conv-delta.bad{color:#ff778d}.conv-delta.good{color:#48dbaa}.expectation-card{margin-top:16px}.expectation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px}.expectation-item{padding:18px;border-radius:14px;background:linear-gradient(145deg,rgba(166,76,255,.12),rgba(8,6,27,.4));border:1px solid rgba(166,76,255,.22)}.expectation-item strong{display:block;font-size:14px;margin-bottom:7px}.expectation-item p{margin:0;color:#afa5ce;font-size:12.5px;line-height:1.55}footer{display:flex;justify-content:space-between;gap:20px;padding:20px 2px;margin-top:28px;color:#6f6688;font-size:10px}@media(max-width:980px){.kpi-grid.five{grid-template-columns:repeat(3,1fr)}.two-col{grid-template-columns:1fr}.conversion-grid{grid-template-columns:repeat(2,1fr)}.expectation-grid{grid-template-columns:1fr}.creative-row{grid-template-columns:1.4fr .8fr auto}}@media(max-width:720px){.shell{width:min(100% - 22px,680px);padding-top:26px}.tabs{display:flex;overflow-x:auto;scrollbar-width:none;position:static}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 0 115px}.tab-panel{margin-top:16px}.kpi-grid.five,.kpi-grid.four{grid-template-columns:repeat(2,1fr)}.card{padding:17px;border-radius:14px}.wide-card,.top-gap{margin-top:10px}.chart-card{min-height:340px}.chart-wrap{height:250px}.creative-row{grid-template-columns:1fr auto;gap:12px}.creative-row .bar-track{grid-column:1/-1;grid-row:2}.prose-grid{grid-template-columns:1fr}.day-card{grid-template-columns:1fr repeat(3,.7fr)}h2{font-size:19px}}@media(max-width:460px){.shell{width:min(100% - 16px,440px);padding-top:18px}.report-header{margin-bottom:20px}h1{font-size:32px}.kpi-grid.five,.kpi-grid.four{grid-template-columns:1fr 1fr;gap:8px}.kpi-card{min-height:106px;padding:16px 14px}.kpi-value{font-size:22px}.kpi-note{font-size:9px}.conversion-grid{grid-template-columns:1fr 1fr;gap:8px}.conversion-card{padding:14px}.conversion-card .conv-value{font-size:22px}.day-card{grid-template-columns:1fr 1fr}.day-stat:nth-child(n+3){display:none}.chart-wrap{height:230px}.funnel-wrap{height:280px}footer{flex-direction:column;gap:4px}}