@import url("premium-content-20260930.css?v=1");
:root{
  --bg:#010910;--bg2:#04111a;--sidebar:#020f18;--sidebar2:#03121b;
  --panel:#08151d;--panel2:#0a1620;--panel3:#0d1c26;
  --border:rgba(93,135,151,.19);--border-strong:rgba(93,135,151,.32);--grid:rgba(126,156,170,.10);
  --cyan:#12bfc5;--cyan2:#19d0d4;--cyan-dark:#0a9ca0;--green:#26d07c;--green2:#39cf6d;
  --purple:#7c48be;--purple2:#a15cdc;--orange:#e89b19;--red:#e84449;--blue:#2680f4;--blue2:#48a0e8;
  --title:#f2f5f7;--text:#d9e1e5;--muted:#8899a3;--soft:#62737c;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:var(--text);font-family:Inter,Geist,"Segoe UI",Arial,sans-serif;font-variant-numeric:tabular-nums}
button{font:inherit;color:inherit}
.viewport{width:100vw;height:100vh;overflow:hidden;background:#000;position:relative}
.stage{width:1672px;height:941px;position:absolute;left:0;top:0;transform-origin:top left;background:radial-gradient(1100px 540px at 47% -13%,#09232f 0%,#04131c 42%,#010910 79%);display:grid;grid-template-columns:210px 1fr}
/* Sidebar */
.sidebar{height:923px;margin:9px 0 9px 10px;border:1px solid var(--border);border-radius:11px;background:linear-gradient(180deg,#03131c,#020d15);overflow:hidden;display:flex;flex-direction:column}
.brand{height:77px;padding:14px 11px 0 15px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:45px 1fr 28px;align-items:start;gap:8px;background:linear-gradient(180deg,rgba(8,29,39,.68),rgba(4,18,27,.18))}
.logo{width:45px;height:45px;display:grid;place-items:center}.logo svg{width:42px;height:42px}
.brand-copy{padding-top:2px}.brand-copy strong{display:block;color:#f0f5f6;font-size:16px;letter-spacing:.7px;line-height:18px}.brand-copy small{display:block;margin-top:3px;color:var(--cyan2);font-size:10px;font-weight:800;letter-spacing:2.2px}
.side-collapse{width:28px;height:28px;border:0;border-radius:50%;background:#10212c;display:grid;place-items:center;font-size:22px;cursor:pointer;margin-top:5px;transition:.14s ease}.side-collapse:hover{background:#15313e;transform:translateX(1px)}
.nav{padding:11px 9px 0}.nav-item{height:49px;border-radius:7px;display:flex;align-items:center;gap:13px;padding:0 13px;color:#d0d8dc;font-size:13px;position:relative;cursor:pointer;transition:background .14s ease,color .14s ease,transform .1s ease}.nav-item:hover{background:#09222c}.nav-item:active{transform:scale(.995)}.nav-item.active{background:#063744;color:#fff}.nav-item.active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;border-radius:3px;background:var(--cyan2)}.nav-item svg{width:18px;height:18px;stroke:#9cacb4;fill:none;stroke-width:1.8}.nav-item.active svg{stroke:var(--cyan2)}
.side-bottom{margin-top:auto;padding:0 10px 10px}.period-box{border:1px solid var(--border);border-radius:9px;background:#071721;padding:11px 11px 10px;margin-bottom:9px}.period-head{font-size:11px;color:#cbd5d9;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.period-main{font-size:13px;color:#f2f5f7;margin-bottom:6px}.period-sub{font-size:10.5px;color:#8798a1}.filter-btn{width:100%;height:42px;border:1px solid var(--border);border-radius:8px;background:#0a1a24;display:flex;align-items:center;gap:10px;padding:0 12px;font-size:12px;cursor:pointer;transition:.14s ease}.filter-btn:hover{border-color:rgba(18,191,197,.44);background:#0d202b}.filter-btn svg{width:17px;height:17px;stroke:#d7e1e4;fill:none;stroke-width:1.8}
.profile{border-top:1px solid rgba(93,135,151,.14);margin-top:11px;padding:14px 7px 1px;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:9px}.profile-avatar{width:36px;height:36px;border-radius:50%;background:none center/cover;border:1px solid rgba(255,255,255,.18);position:relative}.profile-avatar:after{content:"";position:absolute;right:-1px;bottom:1px;width:7px;height:7px;background:var(--green);border:2px solid #06131b;border-radius:50%}.profile-name{font-size:12px;color:#f1f4f5}.profile-role{font-size:10px;color:#8698a1;margin-top:2px}.chevdown{font-size:18px;color:#d1dadd}
/* Main shell */
.main{min-width:0;height:941px;padding:0 11px 0 17px;display:grid;grid-template-rows:90px 106px 330px 304px 45px;gap:11px}
.topbar{display:flex;align-items:center;justify-content:space-between;padding-top:8px}.title h1{margin:0;color:var(--title);font-size:27px;line-height:31px;letter-spacing:-.35px}.title p{margin:7px 0 0;color:#c3ccd0;font-size:14px}.top-actions{display:flex;align-items:center;gap:11px}.ctrl{height:40px;border:1px solid var(--border);border-radius:8px;background:rgba(5,18,27,.78);display:flex;align-items:center;gap:9px;padding:0 13px;font-size:12px;cursor:pointer;transition:.14s ease}.ctrl:hover{border-color:rgba(18,191,197,.45);background:#091a24}.ctrl:active{transform:scale(.995)}.ctrl svg{width:17px;height:17px;stroke:var(--analytics-theme-icon,#e0e7ea);fill:none;stroke-width:1.8}.ctrl.date{width:218px}.ctrl.compare{width:213px}.ctrl.export{width:165px;justify-content:center}
/* KPI */
.kpi-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.kpi{min-width:0;border:1px solid var(--border);border-radius:8px;background:linear-gradient(145deg,#0a1922,#07141c);padding:11px 11px 10px;position:relative;overflow:hidden;transition:transform .13s ease,border-color .13s ease,background .13s ease}.kpi:hover{transform:translateY(-1px);border-color:var(--border-strong);background:#0b1d27}.kpi-top{display:flex;align-items:center;gap:9px;min-width:0}.kpi-icon{width:27px;height:27px;border-radius:6px;background:rgba(18,191,197,.09);display:grid;place-items:center;flex:none}.kpi-icon svg{width:18px;height:18px;stroke:var(--cyan2);fill:none;stroke-width:1.8}.kpi-label{font-size:8.8px;color:#b9c6cb;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-value{margin:4px 0 0 36px;color:#f3f6f7;font-size:20px;line-height:25px;white-space:nowrap;letter-spacing:-.3px}.money-kpi{font-size:15.9px;letter-spacing:-.72px}.kpi-bottom{height:32px;margin-top:2px;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:7px}.kpi-delta{font-size:8.5px;color:#c4ced2;white-space:nowrap}.kpi-delta b{color:var(--green);font-weight:700}.spark{width:100%;height:25px;overflow:visible}.spark polyline{fill:none;stroke:var(--cyan2);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:sparkDraw .74s cubic-bezier(.22,1,.36,1) forwards}.spark circle{fill:#06141c;stroke:var(--cyan2);stroke-width:1.2;opacity:0;animation:pointIn .25s ease-out forwards}.kpi.counting .kpi-value{filter:brightness(1.12)}
/* Common panels */
.panel{border:1px solid var(--border);border-radius:9px;background:linear-gradient(145deg,rgba(10,26,35,.96),rgba(6,18,26,.98));overflow:hidden;min-width:0;position:relative;transition:border-color .14s ease,background .14s ease,transform .12s ease}.panel:hover{border-color:rgba(93,135,151,.27)}
.panel-head{height:44px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(93,135,151,.12)}.panel-title{font-size:12px;font-weight:650;color:#eef3f4;display:flex;align-items:center;gap:7px}.info{width:14px;height:14px;border:1px solid #6e8089;border-radius:50%;display:inline-grid;place-items:center;font-size:8px;color:#aab8be;font-weight:700}.mini-btn{height:29px;border:1px solid var(--border);border-radius:6px;background:#0b1c26;padding:0 11px;color:#d5dee1;font-size:10px;cursor:pointer}.mini-btn:hover{border-color:rgba(18,191,197,.4);background:#0d2430}
.static-label{display:inline-flex;align-items:center;cursor:default;pointer-events:none}
.top-grid{display:grid;grid-template-columns:1.18fr .95fr .63fr;gap:9px;min-height:0}
/* Ranking */
.rank-table{width:100%;border-collapse:collapse;table-layout:fixed}.rank-table th{height:31px;padding:0 4px;color:#9eadb5;font-size:7.2px;letter-spacing:-.08px;font-weight:500;text-align:right;white-space:nowrap}.rank-table th:first-child,.rank-table td:first-child{width:28px;text-align:center}.rank-table th:nth-child(2),.rank-table td:nth-child(2){width:129px;text-align:left}.rank-table th:nth-child(3){width:96px}.rank-table th:nth-child(4){width:50px}.rank-table th:nth-child(5){width:61px}.rank-table th:nth-child(6){width:45px}.rank-table th:nth-child(7){width:43px}.rank-table th:nth-child(8){width:69px}.rank-table th:nth-child(9){width:42px}.rank-table td{height:31px;border-top:1px solid rgba(93,135,151,.095);padding:0 5px;text-align:right;color:#e0e7e9;font-size:9.4px;white-space:nowrap}.rank-table tbody tr{transition:background .12s ease,transform .12s ease}.rank-table tbody tr:hover{background:#0b202a}.seller-cell{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:7px}.seller-avatar{width:24px;height:24px;filter:brightness(1.24) contrast(1.05);border-radius:50%;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.18);position:relative}.seller-avatar:after{content:"";position:absolute;right:-1px;bottom:0;width:6px;height:6px;border-radius:50%;background:#71838c;border:1px solid #07151d}.seller-avatar.is-online:after{background:var(--green)}.seller-avatar.is-offline:after{background:#71838c}.seller-avatar.is-inactive:after{background:var(--soft);opacity:.45}.seller-name{font-size:9.6px;color:#eef3f4;line-height:11px}.seller-status{font-size:7.3px;color:#7f9099;line-height:9px}.seller-status:before{content:"●";font-size:6px;margin-right:3px}.seller-status.is-online:before{color:var(--green)}.seller-status.is-offline:before{color:#71838c}.seller-status.is-inactive{color:var(--soft)}.seller-status.is-inactive:before{color:var(--soft)}.score{display:inline-flex;width:27px;height:21px;border:1px solid rgba(38,208,124,.58);border-radius:7px;align-items:center;justify-content:center;color:#58e49a;background:rgba(38,208,124,.06);font-size:10px}.score.mid{border-color:rgba(232,155,25,.55);color:#f1b758;background:rgba(232,155,25,.06)}.score.low{border-color:rgba(18,191,197,.52);color:#5ee1e3;background:rgba(18,191,197,.05)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.rank-footer{height:27px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#82949d;font-size:8.8px;border-top:1px solid rgba(93,135,151,.08)}
/* Main multi-line chart */
.trend-panel{overflow:visible}.trend-body{height:285px;position:relative;padding:0 11px 8px}.legend{height:31px;display:flex;align-items:center;gap:17px;padding:0 2px;color:#aab8bf;font-size:8.8px}.lg{display:flex;align-items:center;gap:6px}.swatch{width:14px;height:2px;border-radius:2px;background:var(--cyan2)}.swatch.purple{background:#a261dd}.swatch.orange{background:#e5a31a}.swatch.green{background:#3bcf62}.trend-svg{width:100%;height:230px;overflow:visible;touch-action:pan-x pan-y pinch-zoom}.trend-svg:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:6px}.trend-svg text{fill:#94a5ad;font-size:9px}.trend-svg .grid{stroke:var(--grid);stroke-width:1;stroke-dasharray:2 4;opacity:0;animation:gridFade .36s ease-out forwards}.trend-svg .vgrid{stroke:rgba(126,156,170,.06);stroke-width:1;stroke-dasharray:2 4}.trend-svg .line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:lineDraw .86s cubic-bezier(.22,1,.36,1) forwards}.trend-svg .sales{stroke:var(--cyan2)}.trend-svg .orders{stroke:#a05edd}.trend-svg .margin{stroke:#e5a31a}.trend-svg .posit{stroke:#3bcf62}.trend-svg .dot{stroke:#07151d;stroke-width:1.2;opacity:0;animation:pointIn .24s ease-out forwards}.trend-svg .hit{fill:transparent;cursor:crosshair}.hover-guide{stroke:rgba(154,180,191,.35);stroke-dasharray:3 4;opacity:0}.hover-guide.show{opacity:1}.active-dot{opacity:0;stroke:#07151d;stroke-width:1.4}.active-dot.show{opacity:1}.chart-tip{position:absolute;width:173px;border:1px solid rgba(93,135,151,.28);border-radius:8px;background:rgba(5,18,26,.97);box-shadow:0 14px 32px rgba(0,0,0,.28);padding:9px 10px;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .1s ease,transform .1s ease;z-index:4}.chart-tip.show{opacity:1;transform:none}.chart-tip .date{font-size:9px;color:#c6d1d5;margin-bottom:6px}.tiprow{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#aab9c0;line-height:17px}.tiprow strong{color:#eef3f4;font-size:9px}
/* Donut */
.donut-body{height:285px;display:grid;grid-template-columns:170px 1fr;gap:4px;padding:15px 9px 8px 10px;position:relative}.donut-wrap{width:170px;height:194px;position:relative;display:grid;place-items:center}.donut-svg{width:170px;height:170px;overflow:visible;transform:rotate(-90deg)}.donut-track{fill:none;stroke:#0d2631;stroke-width:26}.donut-segment{transform-origin:85px 85px;transition:transform .18s cubic-bezier(.22,1,.36,1),opacity .16s ease,filter .16s ease}.donut-segment circle{fill:none;stroke-width:26;stroke-linecap:butt;cursor:pointer;transition:stroke-width .18s ease,filter .18s ease,opacity .16s ease}.donut-segment.active,.donut-segment.pinned{transform:translate(var(--push-x),var(--push-y)) scale(1.035);filter:drop-shadow(0 5px 5px rgba(0,0,0,.42)) brightness(1.12) saturate(1.12)}.donut-segment.active circle,.donut-segment.pinned circle{stroke-width:30}.donut-segment.muted{opacity:.47}.donut-center{position:absolute;left:32px;top:59px;width:108px;text-align:center;pointer-events:none}.donut-center strong{display:block;color:#f2f6f7;font-size:14px;line-height:19px}.donut-center span{font-size:9px;color:#8fa0a8}.donut-legend{padding-top:7px;min-width:0}.legend-row{height:26px;display:grid;grid-template-columns:8px 1fr;gap:7px;align-items:start;color:#d4dde0;font-size:8.5px;cursor:pointer;padding:2px 3px;border-radius:4px;transition:.14s ease}.legend-row:hover,.legend-row.active,.legend-row.pinned{background:#0b202a}.legend-row.muted{opacity:.45}.legend-dot{width:8px;height:8px;border-radius:50%;margin-top:2px}.legend-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:10px}.legend-value{display:block;color:#9aaab1;font-size:7.6px;line-height:9px}.donut-total{position:absolute;left:10px;right:9px;bottom:6px;height:28px;border-top:1px solid rgba(93,135,151,.11);display:flex;align-items:center;justify-content:flex-end;gap:24px;color:#cbd5d9;font-size:9px}.donut-tip{position:absolute;left:34px;top:12px;background:rgba(5,18,26,.98);border:1px solid var(--border-strong);border-radius:7px;padding:7px 9px;font-size:9px;opacity:0;transform:translateY(3px);transition:.1s ease;pointer-events:none;z-index:5}.donut-tip.show{opacity:1;transform:none}
/* Bottom grid */
.bottom-grid{display:grid;grid-template-columns:1.11fr 1fr 1fr 1fr .96fr 1.07fr;gap:9px;min-height:0}.bottom-grid .panel{height:304px}.small-body{height:259px;padding:12px 11px 10px}.small-legend{height:26px;display:flex;align-items:center;gap:13px;color:#a7b5bc;font-size:8.5px}.small-legend i{display:inline-block;width:12px;height:2px;background:#91d7d8;margin-right:5px}.small-legend i.outline{height:0;border-top:2px dashed #91d7d8;background:none}
/* Meta chart */
.meta-chart{height:181px;display:grid;grid-template-columns:44px 1fr;gap:7px}.meta-axis{display:flex;flex-direction:column;justify-content:space-between;color:#8fa0a8;font-size:8px;padding:5px 0 22px;text-align:right}.meta-plot{position:relative;border-left:1px solid rgba(93,135,151,.08);border-bottom:1px solid rgba(93,135,151,.14);display:flex;align-items:flex-end;justify-content:space-evenly;padding:0 13px 22px}.meta-plot:before{content:"";position:absolute;inset:0 0 22px;background:repeating-linear-gradient(to bottom,transparent 0 35px,rgba(126,156,170,.08) 36px)}.vbar-wrap{width:76px;height:150px;display:flex;align-items:flex-end;justify-content:center;position:relative}.vbar{width:63px;height:0;border-radius:4px 4px 0 0;position:relative;z-index:1;--final:0px;animation:barGrowVertical .78s cubic-bezier(.22,1,.36,1) forwards}.vbar.meta{background:linear-gradient(180deg,rgba(18,191,197,.24),rgba(18,191,197,.12));border:1px dashed #8ee1e1}.vbar.real{background:linear-gradient(180deg,#27b9bd,#0b6269);border:1px solid rgba(25,208,212,.55)}.vbar-label{position:absolute;bottom:calc(var(--label-y,0px) + 7px);z-index:2;color:#e9eff1;font-size:8.8px;white-space:nowrap}.vbar-label.cyan{color:#7ce1e3}.bar-x{position:absolute;bottom:4px;color:#9eafb6;font-size:8px}.bar-x.x1{left:29px}.bar-x.x2{right:24px}.inside-pct{position:absolute;bottom:30px;color:#eaf4f5;font-size:10px;font-weight:700}.difference{text-align:center;margin-top:8px;font-size:9px;color:#98a8af}.difference b{color:#ff5e61}
/* Horizontal bar panels */
.bar-list{display:grid;gap:9px;max-height:198px;overflow-y:auto;scrollbar-width:thin;padding-right:2px}.bar-row{display:grid;grid-template-columns:69px 1fr 35px;align-items:center;gap:7px;font-size:8.4px}.bar-row .name{color:#d6dfe2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track{height:12px;background:#0a202a;border-radius:2px;overflow:visible;position:relative}.fill{display:block;height:100%;width:0;border-radius:2px;background:linear-gradient(90deg,#1da6ab,#4fd5d7);animation:barGrow .72s cubic-bezier(.22,1,.36,1) forwards;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);transform-origin:left}.fill.green{background:linear-gradient(90deg,#2fae51,#59da71)}.fill.blue{background:linear-gradient(90deg,#237ab8,#50a8e7)}.bar-row:hover .fill{filter:brightness(1.18);transform:translateX(2px);transition:.14s ease}.bar-value{color:#e2e9eb;text-align:right}.metric-summary{height:29px;margin-top:11px;border-top:1px solid rgba(93,135,151,.11);display:flex;align-items:end;justify-content:center;color:#86a0a9;font-size:9px}.metric-summary b{color:var(--cyan2);font-size:12px;margin-left:4px}.metric-summary.green b{color:#55dc71}.metric-summary.blue b{color:#63b9f0}
/* SKU table */
.sku-table{width:100%;border-collapse:collapse;table-layout:fixed}.sku-table th{height:27px;color:#9caab1;font-size:8px;font-weight:500;text-align:left}.sku-table th:nth-child(1){width:77px}.sku-table th:nth-child(3){width:48px;text-align:right}.sku-table td{height:32px;border-top:1px solid rgba(93,135,151,.07);font-size:8px;color:#d7dfe2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sku-table td:nth-child(3){text-align:right;color:#f1f4f5}.sku-link{position:absolute;left:11px;right:11px;bottom:10px;height:35px;border-top:1px solid rgba(93,135,151,.12);display:flex;align-items:end;justify-content:space-between;color:var(--cyan2);font-size:9px;cursor:pointer}.sku-link span:last-child{font-size:19px;line-height:13px}
/* Footer */
.footer{border:1px solid var(--border);border-radius:9px 9px 0 0;background:#06131b;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#8ea0a8;font-size:10px}.foot-left,.foot-right{display:flex;align-items:center;gap:8px}.foot-left .i{width:16px;height:16px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan2);font-size:9px}.replay{border:0;background:none;color:#9eb1b9;font-size:19px;cursor:pointer;line-height:1;transition:.16s ease}.replay:hover{color:var(--cyan2);transform:rotate(-40deg)}.db-icon{width:15px;height:15px;border:1px solid #72858e;border-radius:50%;position:relative}.db-icon:before,.db-icon:after{content:"";position:absolute;left:2px;right:2px;height:3px;border-top:1px solid #72858e;border-radius:50%}.db-icon:before{top:3px}.db-icon:after{bottom:2px}
/* Motion */
@keyframes sparkDraw{to{stroke-dashoffset:0}}@keyframes pointIn{to{opacity:1}}@keyframes gridFade{to{opacity:1}}@keyframes lineDraw{to{stroke-dashoffset:0}}@keyframes barGrow{to{width:var(--w)}}@keyframes barGrowVertical{to{height:var(--final)}}@keyframes segmentReveal{from{opacity:0;stroke-dasharray:0 100}to{opacity:1}}
.toast{position:absolute;left:50%;bottom:24px;transform:translate(-50%,12px);background:#0d2631;border:1px solid rgba(18,191,197,.42);color:#dff4f4;padding:9px 14px;border-radius:8px;font-size:11px;opacity:0;transition:.18s ease;z-index:30;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

.nav-item{text-decoration:none}.api-empty{height:100%;min-height:62px;display:grid;place-items:center;padding:14px;text-align:center;color:#8fa1aa;font-size:9.5px;line-height:1.45}.api-empty b{display:block;color:#e5a31a;font-size:10.5px;margin-bottom:4px}.trend-body>.api-empty{position:absolute;inset:30px 9px 8px;z-index:5;background:rgba(7,20,28,.9);border-radius:7px}.trend-body{position:relative}.donut-body>.api-empty{position:absolute;inset:5px;z-index:6;background:rgba(7,20,28,.92);border-radius:7px}.donut-body{position:relative}.bar-list>.api-empty{min-height:150px}.rank-table .missing,.sku-table .missing{color:#e5a31a;text-align:center}.is-loading{opacity:.72}.profile-avatar,.seller-avatar{background-image:none!important;background-color:#273842}.side-collapse{flex:0 0 auto}.seller-status{display:flex;align-items:center;gap:4px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 5px rgba(38,208,124,.28)}.status-dot.away{background:#f2a438;box-shadow:none}.status-dot.off{background:#62737c;box-shadow:none}
.rank-table td.long-score-cell{padding-left:0;padding-right:1px}.rank-table .score.long{width:auto;min-width:30px;height:19px;padding:0 2px;font-size:7.2px;white-space:nowrap}
.rank-table .score.empty{border-color:var(--analytics-theme-border-strong,var(--border));color:var(--muted);background:var(--analytics-theme-surface-2,var(--panel2))}

/* Ponte screen-specific para o contrato central de temas. */
html,body,.viewport{background:var(--bg);color:var(--text)}
.stage{background:linear-gradient(180deg,var(--bg2),var(--bg))}
.kpi,.panel{background:linear-gradient(145deg,var(--panel2),var(--panel));border-color:var(--border)}
.ctrl,.mini-btn,.filter-btn,.period-box{background:var(--panel2);color:var(--text);border-color:var(--border)}
.ctrl:hover,.mini-btn:hover,.filter-btn:hover{background:var(--panel3);border-color:var(--border-strong)}
.title h1,.panel-title,.kpi-value,.rank-table td,.seller-name,.legend-name,.bar-value,.sku-table td,.vbar-label,.inside-pct,.tiprow strong{color:var(--title)}
.title p,.kpi-label,.kpi-delta,.rank-table th,.rank-footer,.seller-status,.legend,.legend-value,.bar-row .name,.metric-summary,.sku-table th,.footer,.api-empty,.meta-axis,.bar-x,.difference,.tiprow{color:var(--muted)}
.trend-svg text{fill:var(--analytics-theme-axis,var(--muted))}.trend-svg .grid{stroke:var(--analytics-theme-grid,var(--grid))}
.trend-svg .sales{stroke:var(--analytics-chart-series-1)}.trend-svg .orders{stroke:var(--analytics-chart-series-2)}.trend-svg .margin{stroke:var(--analytics-chart-series-3)}.trend-svg .posit{stroke:var(--analytics-chart-series-4)}
.swatch{background:var(--analytics-chart-series-1)}.swatch.purple{background:var(--analytics-chart-series-2)}.swatch.orange{background:var(--analytics-chart-series-3)}.swatch.green{background:var(--analytics-chart-series-4)}
/* Redundancia nao cromatica: cada serie preserva seu codigo mesmo sem cor. */
.trend-svg .line.sales{stroke-dasharray:1}
.trend-svg .line.orders{stroke-dasharray:.07 .025}
.trend-svg .line.margin{stroke-dasharray:.012 .02}
.trend-svg .line.posit{stroke-dasharray:.08 .025 .015 .025}
.swatch.series-sales,.swatch.series-orders,.swatch.series-margin,.swatch.series-posit{position:relative;flex:0 0 16px;width:16px;height:6px;border-radius:0;background:none!important}
.swatch.series-sales{color:var(--analytics-chart-series-1)}.swatch.series-orders{color:var(--analytics-chart-series-2)}.swatch.series-margin{color:var(--analytics-chart-series-3)}.swatch.series-posit{color:var(--analytics-chart-series-4)}
.swatch.series-sales:before,.swatch.series-orders:before,.swatch.series-margin:before{content:"";position:absolute;left:0;right:0;top:2px;border-top:2px solid currentColor}
.swatch.series-orders:before{border-top-style:dashed}.swatch.series-margin:before{border-top-style:dotted}
.swatch.series-posit:before{content:"";position:absolute;left:0;top:2px;width:6px;border-top:2px solid currentColor}
.swatch.series-posit:after{content:"";position:absolute;left:9px;top:1px;width:2px;height:2px;border:1px solid currentColor;border-radius:50%}
@media (forced-colors:active){.trend-svg .line.sales,.trend-svg .line.orders,.trend-svg .line.margin,.trend-svg .line.posit{stroke:CanvasText!important}.swatch.series-sales,.swatch.series-orders,.swatch.series-margin,.swatch.series-posit{color:CanvasText!important;background:none!important}}
.track,.donut-track,.history-pipeline-progress{background:var(--panel3);stroke:var(--panel3)}
.fill{background:linear-gradient(90deg,color-mix(in srgb,var(--analytics-chart-series-1) 72%,var(--panel)),var(--analytics-chart-series-1))}.fill.green{background:linear-gradient(90deg,color-mix(in srgb,var(--analytics-chart-series-4) 72%,var(--panel)),var(--analytics-chart-series-4))}.fill.blue{background:linear-gradient(90deg,color-mix(in srgb,var(--analytics-theme-accent-strong) 70%,var(--panel)),var(--analytics-theme-accent-strong))}
.chart-tip,.donut-tip,.toast{background:var(--panel2);color:var(--text);border-color:var(--border-strong);box-shadow:var(--analytics-theme-shadow,none)}
.meta-plot{border-color:var(--border)}.meta-plot:before{background:repeating-linear-gradient(to bottom,transparent 0 35px,var(--grid) 36px)}
.vbar.meta{background:color-mix(in srgb,var(--analytics-chart-series-1) 16%,transparent);border-color:var(--analytics-chart-series-1)}.vbar.real{background:linear-gradient(180deg,var(--analytics-chart-series-1),color-mix(in srgb,var(--analytics-chart-series-1) 55%,var(--panel)));border-color:var(--analytics-chart-series-1)}
.difference b{color:var(--analytics-theme-danger)}.metric-summary b{color:var(--analytics-chart-series-1)}.metric-summary.green b{color:var(--analytics-chart-series-4)}.metric-summary.blue b{color:var(--analytics-theme-accent-strong)}
.bar-list,.donut-legend{scrollbar-color:var(--analytics-theme-scroll-thumb,#69858f) var(--analytics-theme-scroll-track,#07151e)}
.api-empty b,.rank-table .missing,.sku-table .missing{color:var(--analytics-theme-warning)}
.trend-body>.api-empty,.donut-body>.api-empty{background:color-mix(in srgb,var(--panel) 94%,transparent)}
.footer{background:var(--panel);border-color:var(--border)}
:focus-visible,.trend-svg:focus-visible{outline-color:var(--analytics-theme-focus,var(--cyan))}
.score{border-color:color-mix(in srgb,var(--analytics-theme-accent) 58%,transparent);color:var(--analytics-theme-accent);background:color-mix(in srgb,var(--analytics-theme-accent) 8%,transparent)}
.signed-track:after{content:"";position:absolute;left:var(--zero);top:-2px;bottom:-2px;width:1px;background:var(--analytics-theme-axis,var(--muted));opacity:.72;pointer-events:none}
.signed-fill{position:absolute;left:var(--left);top:0}
.bar-row.signed:hover .signed-fill{transform:none}
/* Browser-audited professional density and honest missing-data copy. */
.info{width:16px;height:16px;min-width:16px;min-height:16px;font-size:9.5px}
.rank-table th{height:40px;font-size:9.5px;line-height:1.15;white-space:normal;overflow-wrap:anywhere}.rank-table td{font-size:10px}.rank-footer{font-size:9.5px}
.seller-name{font-size:10.5px;line-height:12px}.seller-status{font-size:8.5px;line-height:10px}
.sku-table th,.sku-table td{font-size:9.5px}.sku-link{font-size:10.5px}
.rank-table td.empty,.sku-table td.empty{height:auto;min-height:42px;padding:8px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4;font-size:10px}