*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#e8ecf4;background:#0a0d16;min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow-x:clip}.ambient{pointer-events:none;z-index:0;position:fixed;inset:0}.ambient:before{content:"";background:radial-gradient(#5865f21c,#0000 65%);width:1100px;height:700px;animation:26s ease-in-out infinite alternate drift1;position:absolute;top:-18%;left:-8%}.ambient:after{content:"";background:radial-gradient(#38bdbe14,#0000 65%);width:900px;height:650px;animation:32s ease-in-out infinite alternate drift2;position:absolute;bottom:-22%;right:-10%}@keyframes drift1{to{transform:translate(60px,40px)}}@keyframes drift2{to{transform:translate(-50px,-35px)}}.wrap{z-index:1;max-width:1180px;margin:0 auto;padding:44px 32px 72px;position:relative}.header,.header-shell{z-index:200;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:34px;display:flex;position:relative}.brand-mark{align-items:center;gap:12px;display:flex}.brand-logo{object-fit:contain;border-radius:8px;flex-shrink:0;display:block}.brand-text{min-width:0}.title{letter-spacing:-.4px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600}.subtitle{color:#7d8598;margin-top:3px;font-size:12.5px;font-weight:500}.live{color:#9aa3b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:12px;font-weight:500;display:flex}.dot{background:#34d399;border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #34d39973}50%{box-shadow:0 0 0 7px #34d39900}}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffff09;border:1px solid #ffffff12;border-radius:18px;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;position:relative}.glass:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);height:1px;position:absolute;top:0;left:24px;right:24px}.glass:hover{border-color:#ffffff21;transform:translateY(-3px);box-shadow:0 12px 40px #00000059}.reveal{opacity:0;transform:translateY(16px)}.reveal.in{animation:.75s cubic-bezier(.22,1,.36,1) forwards enter}@keyframes enter{to{opacity:1;transform:translateY(0)}}.glass.reveal.in:hover{transform:translateY(-3px)}.footer{text-align:center;color:#4d5568;margin-top:40px;font-size:11.5px}@media (width<=640px){.wrap{padding:28px 16px 56px}.header{flex-direction:column;align-items:stretch;gap:18px;margin-bottom:28px}.header-shell,.header-shell .filters{display:contents}.header-shell>.brand-mark,.wrap>.brand-mark{margin-bottom:10px}.wrap>.live,.header-shell .live{width:fit-content;margin:0 0 20px auto;display:flex}.brand-mark{gap:10px}.title{letter-spacing:-.3px;font-size:18px}.subtitle{font-size:12px}.brand-logo{width:36px!important;height:36px!important}.glass:hover{box-shadow:none;transform:none}.glass.reveal.in:hover{transform:none}.footer{margin-top:28px;padding:0 4px}}@media (width<=400px){.wrap{padding:22px 12px 48px}.title{font-size:16px}.subtitle{font-size:11.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}.trend{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:12px;font-weight:600;display:inline-flex}.trend.up{color:#34d399;background:#34d3991a;border:1px solid #34d39929}.trend.warn{color:#fbbf24;background:#fbbf2417;border:1px solid #fbbf2429}.trend.down{color:#f87171;background:#f871711a;border:1px solid #f8717129}.trend.off{display:none}.trend-cap{color:#5c667c;font-size:10.5px;font-weight:500;line-height:1}.trend.na{color:#8b93a7;background:#ffffff0d;border:1px solid #ffffff14}.kpi-trend{flex-wrap:wrap;align-items:center;gap:6px;margin-top:11px;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filters-bar{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.dd{position:relative}.dd.open{z-index:1000}.dd-btn{color:#c6cddc;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;max-width:100%;padding:8px 14px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;transition:border-color .25s,background .25s;display:flex}.dd-btn .dd-label{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.dd-btn:hover{background:#ffffff0e;border-color:#ffffff29}.dd-btn .chev{color:#6e768a;flex-shrink:0;font-size:9px;transition:transform .25s}.dd.open .dd-btn{border-color:#38bdf866}.dd.open .chev{transform:rotate(180deg)}.dd-vs{color:#5c667c;font-size:11.5px;font-weight:500}.dd-menu{z-index:1000;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;pointer-events:none;background:#121623eb;border:1px solid #ffffff17;border-radius:14px;min-width:190px;padding:6px;transition:opacity .22s,transform .22s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-6px);box-shadow:0 16px 48px #00000080}.dd-menu--period{min-width:230px}.dd-menu--compare{min-width:250px}.dd.open .dd-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.dd-item{color:#c6cddc;cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:12.5px;transition:background .15s;display:flex}.dd-item:hover{background:#ffffff0f}.dd-item.active{color:#38bdf8;background:#38bdf814}.dd-item.active:after{content:"✓";font-size:11px}.dd-item .kbd{color:#6e768a;text-align:center;border:1px solid #ffffff1f;border-radius:5px;min-width:20px;padding:1px 6px;font-family:Space Grotesk,sans-serif;font-size:10.5px}.dd-item.active .kbd{color:#38bdf8;border-color:#38bdf859}.dd-sep{background:#ffffff12;height:1px;margin:6px 4px}.dd-menu.scroll{max-height:420px;overflow-y:auto}.custom-panel{padding:10px 12px 12px;display:none}.custom-panel.show{display:block}.custom-panel label{color:#6e768a;text-transform:uppercase;letter-spacing:.6px;margin:8px 0 4px;font-size:10.5px;display:block}.custom-panel input[type=date]{color:#e8ecf4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;width:100%;padding:7px 10px;font-family:Inter,sans-serif;font-size:12.5px}.custom-panel button{color:#0a0d16;cursor:pointer;background:linear-gradient(90deg,#38bdf8,#a78bfa);border:none;border-radius:9px;width:100%;margin-top:12px;padding:8px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:600;transition:opacity .2s}.custom-panel button:hover{opacity:.88}.cal-head{align-items:center;gap:6px;margin-bottom:8px;display:flex}.cal-nav{cursor:pointer;color:#9aa3b8;-webkit-user-select:none;user-select:none;border-radius:7px;padding:2px 10px;font-size:16px}.cal-nav:hover{background:#ffffff12}.cal-nav.off{opacity:.2;pointer-events:none}.cal-title{color:#c6cddc;text-align:center;flex:1;font-size:13px;font-weight:600}.cal-grid{grid-template-columns:repeat(7,32px);gap:2px;display:grid}.cal-dow{color:#5c667c;text-align:center;text-transform:uppercase;letter-spacing:.5px;padding:4px 0;font-size:10px}.cal-day{color:#c6cddc;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;height:30px;font-size:12px;transition:background .12s;display:flex;position:relative}.cal-day:hover{background:#ffffff14}.cal-day.dim{color:#3c4356;pointer-events:none}.cal-day.inrange{background:#38bdf821;border-radius:0}.cal-day.sel{color:#0a0d16;background:linear-gradient(135deg,#38bdf8,#a78bfa);font-weight:700}.cal-day.today:after{content:"";background:#a78bfa;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px}.cal-day.sel.today:after{background:#0a0d16}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.kpi{padding:24px 26px}.kpi-label{letter-spacing:.7px;text-transform:uppercase;color:#7d8598;margin-bottom:11px;font-size:11.5px;font-weight:500}.kpi-value{letter-spacing:-.8px;font-variant-numeric:tabular-nums;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:600;line-height:1.1}.kpi-value .cur{color:#6e768a;letter-spacing:0;margin-right:5px;font-size:14px;font-weight:500}.kpi-sub{color:#6e768a;margin-top:9px;font-size:12px}.pill-strip{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}@media (width<=1020px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.kpi-grid{grid-template-columns:1fr}.pill-strip{grid-template-columns:1fr 1fr}.pill-strip .pill:last-child{grid-column:1/-1}}.pill{justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.pill-label{letter-spacing:.5px;text-transform:uppercase;color:#7d8598;font-size:12px;font-weight:500}.pill-label-sub{text-transform:none;letter-spacing:0;color:#5c667c;margin-left:4px;font-weight:500;display:inline}.pill-value{font-variant-numeric:tabular-nums;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600}.pill-value.good{color:#34d399}.pill-value.bad{color:#f87171}.pill-value.accent{background:linear-gradient(90deg,#38bdf8,#a78bfa);color:#0000;-webkit-background-clip:text;background-clip:text}.table-card{margin-top:16px;padding:24px 26px 20px}.table-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tabs{gap:6px;display:flex}.tab{color:#8b93a7;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.tab:hover{color:#c6cddc;background:#ffffff0a}.tab.active{color:#38bdf8;background:#38bdf817;border-color:#38bdf840}.content-table{border-collapse:collapse;width:100%}.content-table th{letter-spacing:1.2px;text-transform:uppercase;color:#6f7a92;text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff12;padding:8px 12px;font-size:10.5px;font-weight:600}.content-table th.num{text-align:right}.content-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.content-table th.sortable:hover{color:#c6cddc}.content-table th.sorted{color:#38bdf8}.content-table th .arrow{margin-left:3px;font-size:9px}.content-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:12px;font-size:13px}.content-table tr:last-child td{border-bottom:none}.content-table tbody tr{transition:background .15s}.content-table tbody tr:hover{background:#ffffff06}.content-table td.num{text-align:right;font-variant-numeric:tabular-nums;font-family:Space Grotesk,sans-serif;font-weight:500}.ct-rank{color:#5c667c;width:28px;font-size:12px;font-weight:600}.ct-title{color:#e8ecf4;max-width:380px;font-weight:500;line-height:1.4}.ct-title a{color:inherit;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4;text-decoration:none;display:-webkit-box;overflow:hidden}.ct-title a:hover{color:#38bdf8}.ct-link{color:#5c667c;margin-top:2px;font-size:11px}.ct-link a{color:#6f7a92;text-decoration:none}.ct-link a:hover{color:#38bdf8;text-decoration:underline}.plat{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.plat.ig{color:#f0abfc;background:#f0abfc17;border:1px solid #f0abfc33}.plat.yt{color:#fb7185;background:#fb718517;border:1px solid #fb718533}.plat.tt{color:#5eead4;background:#5eead417;border:1px solid #5eead433}.table-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overflow-x:auto}@media (width<=720px){.ct-title{max-width:220px}}@media (width<=640px){.filters-bar{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:400;-webkit-backdrop-filter:blur(24px);background:#121623eb;border:1px solid #ffffff1a;border-radius:16px;flex-wrap:nowrap;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:auto;margin:0;padding:10px 12px;display:grid;position:fixed;top:auto;box-shadow:0 12px 40px #00000073}.filters-bar .dd{min-width:0}.filters-bar .dd:first-child{grid-column:1}.filters-bar .dd-vs{grid-column:2;align-items:center;line-height:1;display:flex}.filters-bar .dd:nth-of-type(2){grid-column:3}.wrap{padding-bottom:96px}.dd-btn{justify-content:space-between;width:100%;padding:10px 12px}.dd-menu,.dd-menu--period,.dd-menu--compare{width:100%;min-width:0;max-width:100%;inset:auto 0 calc(100% + 8px)}.dd.open .dd-menu{transform:translateY(0)}.dd-menu{transform:translateY(6px)}.dd-item .kbd{display:none}.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));width:100%}.cal-day{aspect-ratio:1;height:auto;min-height:32px}.kpi{text-align:center;padding:18px 16px}.kpi-value{letter-spacing:-.6px;font-size:24px}.kpi-label{margin-bottom:8px}.kpi-trend{justify-content:center}.pill{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px}.pill-label{max-width:100%;line-height:1.45}.pill-label-sub{margin-top:4px;margin-left:0;display:block}.pill-value{font-size:20px}.table-card{padding:18px 14px 14px}.table-head{gap:10px;margin-bottom:12px}.content-table th,.content-table td{padding:10px 8px}.content-table th{letter-spacing:.8px;font-size:10px}.content-table td{font-size:12.5px}.tabs{flex-wrap:wrap}}@media (width<=400px){.filters-bar{grid-template-columns:1fr;padding:10px;left:10px;right:10px}.filters-bar .dd,.filters-bar .dd-vs,.filters-bar .dd:nth-of-type(2){grid-column:1}.filters-bar .dd-vs{display:none}.wrap{padding-bottom:140px}.kpi-value{font-size:22px}.pill-value{font-size:18px}}.roas-pill{font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 10px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;display:inline-block}.roas-pill.good{color:#34d399;background:#34d3991a;border:1px solid #34d3992e}.roas-pill.mid{color:#fbbf24;background:#fbbf2417;border:1px solid #fbbf242e}.roas-pill.bad{color:#f87171;background:#f871711a;border:1px solid #f871712e}.camp-name{color:#e8ecf4;max-width:260px;font-weight:500;line-height:1.4}.camp-obj{color:#5c667c;margin-top:2px;font-size:11px}.all-time-header{align-items:flex-start}.all-time-back{color:#8ab4f8;white-space:nowrap;margin-top:4px;font-size:12.5px;text-decoration:none}.all-time-back:hover{color:#b7d0fc}.year-comparison{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;margin-bottom:16px;display:grid}.year-comparison-values{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:20px;display:flex}.year-comparison-col.end{text-align:right}.year-comparison-year{color:#6e768a;margin-bottom:6px;font-size:11.5px}.year-comparison-amount{font-variant-numeric:tabular-nums;font-family:Space Grotesk,sans-serif;font-weight:600}.year-comparison-amount.prev{color:#8ea2c9;font-size:18px}.year-comparison-amount.next{background:linear-gradient(90deg,#38bdf8,#a78bfa);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700}.year-comparison-arrow{color:#4b5568;flex-shrink:0;padding-bottom:2px;font-size:22px}.year-comparison-badge{color:#34d399;background:#34d3991a;border:1px solid #34d39938;border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.year-comparison-badge-pct{color:#34d399b3}@media (width<=1020px){.year-comparison{grid-template-columns:1fr}}@media (width<=640px){.all-time-page{padding-bottom:48px}.all-time-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:22px}.all-time-back{align-self:flex-start;margin-top:0}.year-comparison{grid-template-columns:1fr;gap:12px;margin-top:12px}.year-comparison-card{text-align:center}.year-comparison-card .chart-sub{margin-bottom:8px}.year-comparison-values{justify-content:center;gap:20px;margin-top:14px}.year-comparison-col,.year-comparison-col.end{text-align:center}.year-comparison-amount.prev{font-size:17px}.year-comparison-amount.next{font-size:20px}.year-comparison-badge{margin-top:14px}.content-table:has(.camp-name)>thead th:first-child{width:calc(50vw - 24px);min-width:calc(50vw - 24px)}.content-table td:has(.camp-name){width:calc(50vw - 24px);min-width:calc(50vw - 24px)}.camp-name{width:100%;max-width:none}.content-table:has(.ct-title)>thead th:nth-child(2){width:calc(50vw - 24px);min-width:calc(50vw - 24px)}.content-table td:has(.ct-title){width:calc(50vw - 24px);min-width:calc(50vw - 24px)}.content-table:has(.ct-title) .ct-rank{width:28px;min-width:28px;max-width:36px}.ct-title{width:100%;max-width:none}}.row-2{grid-template-columns:1.7fr 1fr;gap:16px;margin-bottom:16px;display:grid}.row-daily{grid-template-columns:1fr 1fr;gap:16px;display:grid}.chart-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.chart-card{padding:24px 26px 18px}.chart-title{color:#c6cddc;margin-bottom:4px;font-size:14px;font-weight:600}.chart-sub{color:#6e768a;margin-bottom:16px;font-size:11.5px}.chart-box{height:260px;position:relative}.chart-box.tall{height:280px}.chart-card.full-width{grid-column:1/-1}.chart-card.full-width .chart-box{height:auto;min-height:400px}.donut-center{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-total{font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:600}.donut-cap{color:#7d8598;text-transform:uppercase;letter-spacing:.8px;margin-top:2px;font-size:11px}@media (width<=1020px){.row-2,.row-daily,.chart-grid{grid-template-columns:1fr}}@media (width<=640px){.row-2,.row-daily,.chart-grid{grid-template-columns:1fr;gap:12px;margin-bottom:12px}.chart-card{padding:18px 14px 14px}.chart-title{font-size:13.5px}.chart-sub{margin-bottom:12px}.chart-box{height:220px}.chart-box.tall{height:240px}.donut-total{font-size:24px}}@media (width<=400px){.chart-box{height:200px}.chart-box.tall{height:220px}}.skel{background:linear-gradient(90deg,#ffffff0a 0%,#ffffff17 45%,#ffffff0a 90%) 0 0/200% 100%;border-radius:10px;animation:1.4s ease-in-out infinite skel-shine}@keyframes skel-shine{0%{background-position:100% 0}to{background-position:-100% 0}}.skel-block{display:block}.skel-label{width:42%;height:11px;margin-bottom:14px}.skel-value{width:68%;height:28px;margin-bottom:12px}.skel-trend{border-radius:999px;width:36%;height:22px}.skel-sub{width:50%;height:12px;margin-top:12px}.skel-pill-label{width:28%;height:12px}.skel-pill-value{width:22%;height:22px}.skel-chart-title{width:40%;height:14px;margin-bottom:8px}.skel-chart-sub{width:55%;height:11px;margin-bottom:18px}.skel-chart-area{border-radius:12px;width:100%;height:220px}.skel-chart-area.tall{height:240px}.domain-error{color:#fca5a5;padding:18px 20px;font-size:12.5px;line-height:1.45}@media (prefers-reduced-motion:reduce){.skel{background:#ffffff0f;animation:none}}@media (width<=640px){.skel-chart-area{height:180px}.skel-chart-area.tall{height:200px}.domain-error{padding:14px}}.login-page{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex;position:relative}.login-card{width:100%;max-width:400px;padding:36px 32px 32px}.login-brand-wrap{margin-bottom:28px}.login-brand-wrap .title{font-size:22px}.login-brand-wrap .subtitle{margin-top:3px}.login-field{margin-bottom:14px;display:block}.login-field span{letter-spacing:.6px;text-transform:uppercase;color:#6e768a;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.login-field input{color:#e8ecf4;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:11px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,background .2s}.login-field input:focus{background:#ffffff12;border-color:#38bdf873}.login-error{color:#fca5a5;margin:4px 0 12px;font-size:12.5px}.login-submit{color:#0a0d16;cursor:pointer;background:linear-gradient(90deg,#38bdf8,#a78bfa);border:none;border-radius:12px;width:100%;margin-top:8px;padding:12px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:opacity .2s}.login-submit:hover{opacity:.9}.login-note{color:#4d5568;text-align:center;margin-top:18px;font-size:11.5px;line-height:1.45}@media (width<=640px){.login-page{min-height:100dvh;padding:24px 16px;padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));justify-content:center;align-items:center}.login-card{padding:28px 20px 24px}.login-brand-wrap{margin-bottom:22px}.login-brand-wrap .title{font-size:18px}}@media (width<=400px){.login-page{padding:20px 12px}.login-card{padding:24px 16px 20px}.login-brand-wrap .title{font-size:16px}}
