:root{--ink:#151922;--ink2:#222832;--bg:#f3f5f8;--paper:#fff;--muted:#7f8692;--line:#e1e5ea;--gold:#dfb84a;--gold-soft:#fff4d4;--green:#16815f;--blue:#5277cf;--orange:#e47839;--purple:#7654aa;--red:#c84753;--shadow:0 12px 34px rgba(28,34,47,.06)}
.chart-tooltip.is-below{transform:translate(-50%,0)}.chart-tooltip.is-below::after{top:-5px;bottom:auto}
.video-thumb{position:relative;overflow:hidden}.video-thumb b{position:relative;z-index:0;font-size:11px}.video-thumb img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;background:#eef1f5}.backend-link{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid #ead795;border-radius:7px;background:#fffaf0;color:#836312;text-decoration:none;font-size:11px;font-weight:850;transition:background .15s ease,border-color .15s ease}.backend-link:hover,.backend-link:focus{background:#fff2c6;border-color:#d8b247;outline:none}.backend-unavailable{color:#a0a6b0;font-size:11px}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px 20px;border-top:1px solid #eceef1}.pagination[hidden]{display:none}.pagination-range{color:#7f8692;font-size:11px}.pagination-buttons{display:flex;align-items:center;gap:6px}.pagination button{min-width:34px;height:34px;padding:0 10px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;color:#535b68;font-size:11px;font-weight:800}.pagination button:hover:not(:disabled),.pagination button:focus-visible{border-color:#d2aa3d;background:#fff8e5;outline:none}.pagination button.active{border-color:#171b24;background:#171b24;color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.42}.pagination-ellipsis{min-width:24px;text-align:center;color:#9097a2}
@media(max-width:760px){.pagination{align-items:flex-start;flex-direction:column;padding:14px 16px 18px}.pagination-buttons{max-width:100%;overflow:auto}.pagination button{flex:none}}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}
.topbar{height:72px;padding:0 max(32px,calc((100vw - 1540px)/2));display:flex;align-items:center;justify-content:space-between;background:#11151e;box-shadow:0 8px 26px rgba(7,10,16,.16);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:17px;font-weight:800}.brand small{display:block;margin-top:2px;color:#8f97a6;font-size:8px;letter-spacing:.15em}.brandmark{width:38px;height:38px;padding:5px;border-radius:9px;display:grid;place-items:center;background:#fff;overflow:hidden}.brandmark img{display:block;width:100%;height:100%;object-fit:contain}.page-tab{padding:10px 18px;border-radius:9px;background:var(--gold);color:#171a21;font-size:14px;font-weight:850}
.dashboard-shell{width:min(1540px,calc(100% - 64px));margin:0 auto;padding:30px 0 70px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:22px}.heading-row{display:flex;align-items:center;gap:10px}.eyebrow{margin:0;color:#9b7418;font-size:10px;font-weight:900;letter-spacing:.16em}.demo-badge{padding:5px 9px;border:1px solid #ead795;border-radius:999px;background:var(--gold-soft);color:#7b5d13;font-size:11px;font-weight:800}.page-heading h1{margin:7px 0 5px;font-size:36px;line-height:1.1;letter-spacing:-.035em}.page-heading>div>p:last-child{margin:0;color:var(--muted);font-size:14px}.freshness{display:flex;align-items:center;gap:10px}.freshness strong,.freshness small{display:block}.freshness strong{font-size:13px}.freshness small{margin-top:3px;color:var(--muted);font-size:11px}.health-dot{width:9px;height:9px;border-radius:50%;background:#24a778;box-shadow:0 0 0 5px rgba(36,167,120,.12)}
.control-panel{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:13px;align-items:end;padding:17px;margin-bottom:14px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 7px 24px rgba(29,35,47,.04)}.control-panel label{display:grid;gap:6px;color:#555c68;font-size:11px;font-weight:800}.control-panel select,.control-panel input{width:100%;height:40px;padding:0 11px;border:1px solid #dce0e6;border-radius:8px;background:#fafbfc;color:#313743;outline:none}.control-panel select:focus,.control-panel input:focus{background:#fff;border-color:#c69a28;box-shadow:0 0 0 3px rgba(223,184,74,.15)}.date-filter{position:relative}.period-switch,.segmented{display:flex;border:1px solid #dfe2e7;border-radius:9px;overflow:hidden}.period-switch button,.segmented button{height:40px;padding:0 12px;border:0;border-right:1px solid #e3e6ea;background:#fff;color:#606773;font-size:12px;font-weight:750}.period-switch button:last-child,.segmented button:last-child{border-right:0}.period-switch button.active,.segmented button.active{background:var(--gold);color:#171a21}.date-range-popover{position:fixed;z-index:45;width:690px;padding:0;overflow:hidden;border:1px solid #dfe2e7;border-radius:14px;background:#fff;box-shadow:0 20px 52px rgba(25,31,42,.22)}.calendar-grid{display:grid;grid-template-columns:1fr 1fr}.calendar-panel{padding:17px 17px 15px}.calendar-panel+.calendar-panel{border-left:1px solid #e8ebef}.calendar-role{display:block;margin-bottom:10px;color:#555d69;font-size:11px;font-weight:850}.calendar-header{display:grid;grid-template-columns:30px 30px 1fr 30px 30px;align-items:center;gap:3px;margin-bottom:10px}.calendar-header strong{text-align:center;color:#2e3440;font-size:13px}.calendar-nav{width:30px;height:30px;padding:0;border:0;border-radius:7px;background:transparent;color:#8c94a1;font-size:15px;line-height:1}.calendar-nav:hover,.calendar-nav:focus-visible{background:#f0f3f8;color:#303744;outline:none}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-weekdays{margin-bottom:4px}.calendar-weekdays span{display:grid;place-items:center;height:24px;color:#89919e;font-size:10px;font-weight:800}.calendar-day{position:relative;height:32px;padding:0;border:0;border-radius:7px;background:transparent;color:#515966;font-size:11px;font-variant-numeric:tabular-nums}.calendar-day:hover:not(:disabled),.calendar-day:focus-visible{background:#fff3cf;color:#674d0e;outline:none}.calendar-day.outside{color:#c4c9d1}.calendar-day.in-range{border-radius:5px;background:#f4edcf}.calendar-day.is-start,.calendar-day.is-end{background:var(--gold);color:#171a21;font-weight:900;box-shadow:0 3px 8px rgba(184,139,26,.2)}.calendar-day.is-start.is-end{border-radius:50%}.calendar-day:disabled{cursor:not-allowed;background:transparent;color:#c6cbd3;opacity:.48;box-shadow:none}.date-range-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:13px 17px;border-top:1px solid #e8ebef;background:#fafbfc}.selected-date-range{display:block;color:#626a76;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums}.date-range-popover p{min-height:14px;margin:3px 0 0;color:#d94848;font-size:10px}.date-range-actions{display:flex;justify-content:flex-end;gap:8px}.date-range-actions button{height:34px;padding:0 16px;border:1px solid #d9dde4;border-radius:7px;background:#fff;color:#555c68;font-weight:750}.date-range-actions .confirm{border-color:var(--gold);background:var(--gold);color:#171a21}
.kpi-grid{display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:12px;margin-bottom:14px}.kpi-card{min-width:0;min-height:152px;padding:19px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 7px 24px rgba(29,35,47,.035);position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;right:-32px;bottom:-48px;width:120px;height:120px;border-radius:50%;background:rgba(223,184,74,.06)}.kpi-primary{background:#171b24;color:#fff;border-color:#171b24}.kpi-head{display:flex;justify-content:space-between;align-items:center;color:#737a87;font-size:12px;font-weight:800}.kpi-primary .kpi-head{color:#bdc3cc}.kpi-head i{font-style:normal;color:#9a7317;font-weight:900}.kpi-head i.green{color:var(--green)}.kpi-head i.blue{color:var(--blue)}.kpi-head i.orange{color:var(--orange)}.kpi-head i.purple{color:var(--purple)}.kpi-card>strong{display:block;margin:17px 0 6px;font-size:31px;line-height:1;font-variant-numeric:tabular-nums}.kpi-card p{margin:0;color:#8a909b;font-size:11px}.kpi-primary p{color:#afb6c1}.progress{height:5px;margin-top:18px;border-radius:99px;background:#eceef2;overflow:hidden}.progress span{display:block;height:100%;border-radius:99px;background:var(--green)}.mini-line{position:absolute;right:17px;bottom:17px;width:78px;height:28px;background:linear-gradient(160deg,transparent 47%,var(--gold) 48%,var(--gold) 51%,transparent 52%);opacity:.7}
.panel{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.trend-panel{padding:23px;margin-bottom:14px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.panel-heading h2{margin:5px 0 0;font-size:21px;letter-spacing:-.02em}.panel-heading>div>p:last-child{margin:6px 0 0;color:#8b929d;font-size:11px}.chart-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.segmented button{height:35px;padding:0 12px}.metric-switch button.active{background:#171b24;color:#fff}.range-switch button.active{background:var(--gold-soft);color:#795a10}.playback-stage-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 0;padding:11px 13px;border:1px solid #ece8da;border-radius:10px;background:#fffdf7}.playback-stage-row>div:first-child{min-width:0}.playback-stage-row strong,.playback-stage-row span{display:block}.playback-stage-row strong{color:#4d535d;font-size:11px}.playback-stage-row span{margin-top:3px;color:#8a8170;font-size:10px}.maturity-switch{flex:none}.maturity-switch button{height:32px;padding:0 11px}.maturity-switch button.active{background:#171b24;color:#fff}.chart-summary{display:flex;align-items:baseline;gap:10px;margin:17px 0 2px}.chart-summary span{color:#7e8590;font-size:11px}.chart-summary strong{font-size:24px}.chart-summary em{font-style:normal;color:var(--green);font-size:11px;font-weight:800}.line-chart{height:370px;width:calc(100% + 12px);margin-left:-6px;overflow:hidden;position:relative}.line-chart svg{display:block;width:100%;height:100%}.axis-label{fill:#9197a1;font-size:11px}.grid-line{stroke:#eceef2;stroke-width:1}.immature-band{fill:#f6f7f9}.immature-label{fill:#a0a6b0;font-size:10px;font-weight:750}.trend-path{fill:none;stroke:var(--orange);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.trend-area{fill:url(#areaGradient)}.trend-point{fill:#fff;stroke:var(--orange);stroke-width:3}.latest-point{fill:var(--orange);stroke:#fff;stroke-width:4}.trend-point,.latest-point{cursor:pointer;transition:r .15s ease,stroke-width .15s ease}.trend-point.is-active,.latest-point.is-active,.trend-point:focus,.latest-point:focus{r:7;stroke-width:4;outline:none}.latest-label{fill:var(--orange);font-size:12px;font-weight:850}.hover-target{fill:transparent;cursor:pointer}.chart-guide{stroke:#dddfE4;stroke-dasharray:4 4}.chart-tooltip{position:absolute;display:none;min-width:118px;padding:10px 12px;border-radius:9px;background:#171b24;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.2);pointer-events:none;z-index:5;transform:translate(-50%,-100%);white-space:nowrap}.chart-tooltip::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:#171b24;transform:translateX(-50%) rotate(45deg)}.chart-tooltip span,.chart-tooltip strong{display:block}.chart-tooltip span{font-size:11px;color:#abb4c2;margin-bottom:3px}.chart-tooltip strong{font-size:13px}.chart-tooltip .coverage-note{display:block;margin:0 0 8px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.12);color:#d7dce4;font-size:10px}
.chart-legend{display:flex;justify-content:flex-end;gap:18px;min-height:22px;margin:-21px 3px 2px;color:#6f7681;font-size:11px}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:18px;height:2px;border-radius:9px}.series-path{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.series-point{cursor:pointer;transition:r .18s ease,opacity .22s ease}.series-point:not(.is-latest){opacity:0}.series-point.is-hovered,.series-point:hover,.series-point:focus{r:6;opacity:1;outline:none}.series-point-halo{pointer-events:none}.selected-value rect{fill:#fff;stroke:#e0e3e8;stroke-width:1;filter:drop-shadow(0 5px 9px rgba(21,25,34,.12))}.selected-value text{font-size:12px;font-weight:900}.selected-value path{fill:#fff;stroke:#e0e3e8;stroke-width:1}.chart-tooltip{min-width:194px}.chart-tooltip em{display:block;margin-bottom:7px;color:#fff;font-size:12px;font-style:normal;font-weight:900}.chart-tooltip span{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;margin:5px 0;color:#c1c7d0;font-size:11px}.chart-tooltip span i{width:7px;height:7px;border-radius:50%}.chart-tooltip span b{font-weight:650}.chart-tooltip span strong{color:#fff;font-size:11px;text-align:right}
.records-panel{overflow:hidden}.records-heading{padding:22px 22px 0}.records-meta{text-align:right}.records-meta strong,.records-meta span{display:block}.records-meta strong{font-size:13px}.records-meta span{margin-top:4px;color:#9298a3;font-size:10px}.table-scroll{overflow:auto;padding:0 22px 22px}table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}th,td{padding:13px 12px;border-bottom:1px solid #eceef1;text-align:left;white-space:nowrap}thead th{position:sticky;top:0;z-index:2;background:#f7f8fa;color:#707784;font-size:10px}.sort-button{display:inline-flex;align-items:center;gap:5px;padding:4px 2px;border:0;background:transparent;color:inherit;font-size:inherit;font-weight:850}.sort-button span{width:10px;color:#a5abb5;font-size:11px}.sort-button:hover,.sort-button:focus-visible,.sort-button.active{color:#171b24;outline:none}.sort-button.active span{color:#c68b16}tbody tr{cursor:pointer}tbody tr:hover td{background:#fffaf0}.video-cell{display:flex;align-items:center;gap:11px;min-width:300px}.video-thumb{width:48px;height:60px;flex:none;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:900}.video-copy strong,.video-copy small{display:block}.video-copy strong{max-width:270px;overflow:hidden;text-overflow:ellipsis}.video-copy small{margin-top:4px;color:#8d939e;font-size:10px}.video-copy .related-product{color:#8a6a18;font-weight:750}.type-pill,.status-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.type-pill.manual{background:#fff5d6;color:#7c5d10}.type-pill.remix{background:#edf3ff;color:#4266b6}.type-pill.generated{background:#f1edfb;color:#6b4f99}.status-pill.passed{background:#eaf7f2;color:#197252}.status-pill.failed{background:#fdecee;color:#b13f4b}.status-pill.pending{background:#f0f2f5;color:#6f7681}.platform-account strong,.platform-account small{display:block}.platform-account small{margin-top:3px;color:#8d939e;font-size:10px}.money{color:#d46b30;font-weight:800}.view-button{border:0;background:transparent;color:#846418;font-size:11px;font-weight:900}.empty-state{padding:50px;text-align:center}.empty-state p{color:var(--muted);font-size:12px}
.drawer-backdrop{position:fixed;inset:0;background:rgba(12,15,21,.35);z-index:50}.detail-drawer{position:fixed;top:0;right:0;z-index:60;width:min(470px,100%);height:100vh;padding:30px;background:#fff;box-shadow:-22px 0 50px rgba(14,18,25,.18);transform:translateX(105%);transition:transform .25s;overflow:auto}.detail-drawer.open{transform:translateX(0)}.drawer-close{position:absolute;right:22px;top:20px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:21px}.detail-drawer h2{margin:7px 44px 19px 0;font-size:24px}.drawer-preview{height:220px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:34px;font-weight:900}.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.drawer-grid>div{padding:12px;border:1px solid var(--line);border-radius:10px}.drawer-grid span,.drawer-grid strong{display:block}.drawer-grid span{color:#8b919c;font-size:10px}.drawer-grid strong{margin-top:5px;font-size:12px;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:20px;padding:22px max(32px,calc((100vw - 1540px)/2));background:#11151e;color:#9299a7;font-size:11px}footer strong{color:#e4e6eb}
@media(max-width:1100px){.control-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.date-filter{grid-column:1/-1}.search-field{grid-column:auto}.kpi-grid{grid-template-columns:repeat(3,1fr)}.kpi-primary{grid-column:span 1}.panel-heading{flex-direction:column}.chart-controls{justify-content:flex-start}}
@media(max-width:760px){.topbar{height:66px;padding:0 14px}.brand{font-size:14px}.brandmark{width:34px;height:34px}.page-tab{font-size:12px;padding:8px 12px}.dashboard-shell{width:calc(100% - 28px);padding-top:22px}.page-heading{align-items:flex-start;flex-direction:column}.control-panel{grid-template-columns:1fr}.date-filter{grid-column:auto}.period-switch{width:100%;overflow:auto}.period-switch button{flex:1;min-width:58px;padding:0 8px}.search-field{grid-column:auto}.date-range-popover{max-height:calc(100vh - 28px);overflow:auto}.calendar-grid{grid-template-columns:1fr}.calendar-panel+.calendar-panel{border-left:0;border-top:1px solid #e8ebef}.date-range-footer{grid-template-columns:1fr}.date-range-actions{justify-content:stretch}.date-range-actions button{flex:1}.kpi-grid{grid-template-columns:1fr 1fr}.kpi-primary{grid-column:1/-1}.trend-panel{padding:17px}.chart-controls{width:100%;display:grid}.segmented{width:100%}.segmented button{flex:1;padding:0 7px}.playback-stage-row{align-items:stretch;flex-direction:column}.maturity-switch{width:100%;overflow:auto}.maturity-switch button{flex:1;min-width:74px}.chart-summary{flex-wrap:wrap;margin:18px 0 0}.chart-summary strong{font-size:22px}.chart-legend{justify-content:flex-start;flex-wrap:wrap;gap:8px 14px;margin:10px 0 4px}.line-chart{height:310px;width:100%;margin-left:0}.records-heading{padding:18px 16px 0}.table-scroll{padding:0 16px 16px}.detail-drawer{padding:24px 18px}.drawer-grid{grid-template-columns:1fr 1fr}footer{flex-direction:column;padding:20px 16px}}
.playback-stage-row[hidden]{display:none}