:root{
  --bg:#010910;--bg2:#04111a;--sidebar:#020f18;--panel:#08151d;--panel2:#0a1620;--panelHover:#0d1c26;
  --border:rgba(93,135,151,.19);--border2:rgba(93,135,151,.31);--grid:rgba(126,156,170,.10);
  --cyan:#12bfc5;--cyan2:#19d0d4;--cyanDark:#0a9ca0;--green:#26d07c;--purple:#7c48be;--orange:#e88d21;--red:#e84449;--blue:#2680f4;
  --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}.viewport{width:100vw;height:100vh;overflow:hidden;background:#000;position:relative}.stage{width:1672px;height:941px;transform-origin:top left;position:absolute;left:0;top:0;background:radial-gradient(1050px 520px at 46% -12%,#09212c 0%,#04131c 42%,#010910 78%);display:grid;grid-template-columns:208px 1fr}
/* sidebar */
.sidebar{height:941px;margin:9px 0 9px 10px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,#03121b,#020d15);overflow:hidden;display:flex;flex-direction:column}
.brand{height:78px;padding:14px 14px 0;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;background:linear-gradient(180deg,rgba(8,29,39,.65),rgba(4,18,27,.2))}
.logo{width:45px;height:45px;display:grid;place-items:center}.logo svg{width:42px;height:42px}.side-collapse{width:28px;height:28px;border:0;border-radius:50%;background:#10212c;color:#dbe4e7;display:grid;place-items:center;font-size:22px;cursor:pointer;margin-top:4px}
.nav{padding:11px 10px 0}.nav-item{height:50px;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}.nav-item:hover{background:#09222c}.nav-item.active{background:#063744;color:white}.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.75}.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;color:#d9e1e5;display:flex;align-items:center;gap:10px;padding:0 12px;font-size:12px;cursor:pointer}.filter-btn:hover{border-color:rgba(18,191,197,.4)}
.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}.avatar{border-radius:50%;background-size:197px 30px;background-repeat:no-repeat;background-color:#273842;border:1px solid rgba(255,255,255,.13);width:30px;height:30px;display:inline-block;vertical-align:middle}.avatar.a1{background-position:0 0}.avatar.a2{background-position:-39px 0}.avatar.a3{background-position:-79px 0}.avatar.a4{background-position:-118px 0}.avatar.a5{background-position:-158px 0}.profile .avatar{width:38px;height:38px;background-size:249px 38px;background-position:-49px 0}.profile-name{font-size:12px;color:#f4f6f7}.profile-role{font-size:10.5px;color:#82939c;margin-top:2px}.chevdown{color:#b6c2c7}
/* main */
.main{height:941px;padding:8px 53px 11px 23px;overflow:hidden}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between}.title h1{margin:0;font-size:27px;line-height:1.05;letter-spacing:-.55px;color:var(--title);font-weight:720}.title p{margin:7px 0 0;font-size:13px;color:#abb7bd}.top-actions{display:flex;align-items:center;gap:11px}.ctrl{height:40px;border:1px solid var(--border);border-radius:8px;background:#06131c;color:#f0f4f5;display:flex;align-items:center;gap:9px;padding:0 14px;font-size:12px;font-weight:550;cursor:pointer;transition:.13s ease}.ctrl:hover{background:#0a1a23;border-color:rgba(18,191,197,.45)}.ctrl:active{transform:scale(.995)}.ctrl.date{min-width:220px}.ctrl.compare{min-width:220px}.ctrl.export{min-width:143px;justify-content:center;margin-left:57px}.ctrl svg{width:15px;height:15px;stroke:var(--analytics-theme-icon,#dae2e5);fill:none;stroke-width:1.8}
.kpi-row{height:107px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:15px}.kpi{height:107px;border:1px solid var(--border);border-radius:9px;background:linear-gradient(180deg,#0a1821,#08151d);padding:11px 12px;display:grid;grid-template-columns:1fr 56px;grid-template-rows:28px 1fr 18px;transition:.14s ease;overflow:hidden}.kpi:hover{transform:translateY(-1px);border-color:var(--border2);background:var(--panelHover)}.kpi-head{grid-column:1/3;display:flex;align-items:center;gap:8px}.kpi-icon{width:29px;height:29px;border-radius:6px;background:rgba(18,191,197,.09);display:grid;place-items:center}.kpi-icon svg{width:17px;height:17px;stroke:var(--cyan2);fill:none;stroke-width:1.7}.kpi-label{font-size:10.5px;color:#b2bec3;white-space:nowrap}.kpi-value{grid-column:1;font-size:23px;line-height:1.08;color:#f2f5f7;font-weight:650;margin-top:6px;white-space:nowrap}.kpi-delta{grid-column:1;font-size:10.5px;color:var(--green);font-weight:600;align-self:end;white-space:nowrap}.spark{grid-column:2;grid-row:2/4;width:52px;height:30px;align-self:center;overflow:visible}.spark polyline{fill:none;stroke:var(--cyan);stroke-width:1.55;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:sparkDraw .72s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--spark-delay,0ms)}.spark circle{fill:var(--cyan2);stroke:#06202a;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center;animation:pointReveal .28s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--spark-delay,0ms) + var(--point-delay,0ms))}.ring{--ring-progress:0;grid-column:2;grid-row:2/4;align-self:center;justify-self:center;width:42px;height:42px;border-radius:50%;background:conic-gradient(var(--cyan) 0 calc(var(--ring-progress)*1%),#112630 calc(var(--ring-progress)*1%) 100%);position:relative;animation:ringSweep .78s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--ring-delay,0ms)}.ring:after{content:"";position:absolute;inset:6px;background:#091720;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(93,135,151,.08)}
/* overall analytics grid */
.analytics{display:grid;grid-template-columns:492px 550px 330px;grid-template-rows:346px 300px;gap:10px;height:656px}.panel{border:1px solid var(--border);border-radius:9px;background:linear-gradient(180deg,#091821,#07141c);overflow:hidden;min-width:0}.panel:hover{border-color:rgba(93,135,151,.24)}.panel-head{height:49px;padding:0 13px;display:flex;align-items:center;justify-content:space-between}.panel-title{display:flex;align-items:center;gap:7px;color:#eff4f6;font-size:12.5px;font-weight:700}.info{width:14px;height:14px;border:1px solid #607782;border-radius:50%;color:#93a5ad;display:grid;place-items:center;font-size:9px;font-weight:700}.mini-btn{height:30px;border:1px solid var(--border);border-radius:6px;background:#0c1b24;color:#cbd5d9;padding:0 10px;font-size:10.5px;cursor:pointer}.mini-btn:hover{border-color:rgba(18,191,197,.38)}
.rank{grid-column:1;grid-row:1}.performance-chart{grid-column:2;grid-row:1;position:relative}.right-col{grid-column:3;grid-row:1/3;display:grid;grid-template-rows:297px 185px 154px;gap:10px}.bottom-charts{grid-column:1/3;grid-row:2;display:grid;grid-template-columns:344px 319px 369px;gap:10px}
/* ranking */
table{border-collapse:collapse;width:100%}.rank-table th{height:33px;color:#91a2ab;font-size:9.5px;font-weight:500;text-align:left;padding:0 7px;border-bottom:1px solid rgba(93,135,151,.11)}.rank-table td{height:43px;padding:0 7px;border-bottom:1px solid rgba(93,135,151,.09);font-size:10.3px;color:#cad4d9}.rank-table th:first-child,.rank-table td:first-child{padding-left:14px;width:25px}.seller{display:flex;align-items:center;gap:7px;white-space:nowrap}.seller-meta{line-height:1}.seller-name{font-size:10.5px;color:#f0f4f6}.seller-status{display:flex;align-items:center;gap:4px;font-size:8.8px;color:#82949c;margin-top:5px}.dot{width:6px;height:6px;border-radius:50%;background:#17d879;box-shadow:0 0 6px rgba(23,216,121,.3)}.dot.away{background:#f2a438;box-shadow:none}.dot.off{background:#62737c;box-shadow:none}.score{height:22px;min-width:25px;padding:0 5px;display:inline-grid;place-items:center;border:1px solid rgba(18,191,197,.34);background:rgba(18,191,197,.07);color:#21d1d4;border-radius:6px;font-size:11px}.meta-bar{width:50px;height:4px;border-radius:99px;background:#132a34;margin-top:4px;overflow:hidden}.meta-bar i{height:100%;display:block;background:var(--cyan);border-radius:99px}.rank-footer{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#82939c;font-size:10px}.pages{display:flex;gap:14px;align-items:center;color:#cbd5da}.pages b{width:28px;height:26px;border-radius:6px;background:linear-gradient(180deg,#1bd0d4,#0a969b);color:#01262a;display:grid;place-items:center}
/* main line chart */
.legend{height:26px;padding-left:13px;display:flex;align-items:center;gap:22px;color:#9fb0b8;font-size:9.8px}.lg{display:flex;align-items:center;gap:6px}.sw{width:16px;height:2px;background:var(--cyan);border-radius:2px}.sw.purple{background:var(--purple)}.sw.dash{height:0;background:none;border-top:1px dashed #728791}.main-chart-svg{width:100%;height:268px;padding:0 10px 8px;overflow:visible;touch-action:pan-x pan-y pinch-zoom}.main-chart-svg text{fill:#83949d;font-size:9.5px}.main-chart-svg .grid{stroke:var(--grid);stroke-width:1;opacity:0;animation:gridFade .45s ease-out forwards;animation-delay:.08s}.main-chart-svg .goal{fill:none;stroke:#3f7c83;stroke-width:1.2;stroke-dasharray:6 5;opacity:0;animation:goalFade .5s ease-out forwards;animation-delay:.34s}.main-chart-svg .line1,.main-chart-svg .line2{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}.main-chart-svg .line1{stroke:var(--cyan);animation:lineDraw .86s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.12s}.main-chart-svg .line2{stroke:var(--purple);animation:lineDraw .94s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.2s}.main-chart-svg .points1 circle,.main-chart-svg .points2 circle{stroke:#06141c;stroke-width:1.3;cursor:pointer;opacity:0;transform-box:fill-box;transform-origin:center;animation:pointReveal .28s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--point-delay);transition:transform .12s ease,filter .12s ease,stroke-width .12s ease}.main-chart-svg .points1 circle:hover,.main-chart-svg .points2 circle:hover{transform:scale(1.55);stroke-width:2;filter:drop-shadow(0 0 5px currentColor)}.chart-hitbox{fill:transparent;pointer-events:all;cursor:crosshair}.hover-guide{stroke:rgba(112,203,207,.38);stroke-width:1;stroke-dasharray:3 4;opacity:0;transition:opacity .1s ease}.hover-guide.show{opacity:1}.active-halo{fill:none;stroke-width:1.5;opacity:0;pointer-events:none;transition:opacity .1s ease,r .12s ease}.active-dot{stroke:#06141c;stroke-width:2;opacity:0;pointer-events:none;transition:opacity .1s ease,r .12s ease}.active-halo.show,.active-dot.show{opacity:1}.chart-tip{position:absolute;left:278px;top:107px;width:155px;border:1px solid rgba(93,135,151,.25);border-radius:8px;background:rgba(11,24,33,.97);padding:10px 11px;font-size:10px;box-shadow:0 12px 30px rgba(0,0,0,.32);opacity:0;transform:translateY(4px) scale(.985);pointer-events:none;z-index:4;transition:opacity .1s ease,transform .12s cubic-bezier(.22,1,.36,1),left .1s ease,top .1s ease;backdrop-filter:blur(8px)}.chart-tip.show{opacity:1;transform:translateY(0) scale(1)}.chart-tip .date{color:#92a4ac;margin-bottom:8px}.tiprow{display:flex;justify-content:space-between;gap:12px;margin-top:5px}.tiprow b{font-size:9px}.tiprow strong{font-weight:700;color:#f2f5f7}
/* right panels */
.right-col .panel{min-height:0}.side-head{height:43px;padding:0 13px;display:flex;align-items:center;justify-content:space-between}.side-title{display:flex;align-items:center;gap:8px;color:#eef3f5;font-size:12.2px;font-weight:700}.beta{font-size:8.5px;letter-spacing:.45px;border:1px solid rgba(18,191,197,.22);background:rgba(18,191,197,.15);color:#8be3e6;border-radius:5px;padding:2px 5px}.insights{padding:0 10px 10px}.insight{border:1px solid rgba(93,135,151,.13);background:#0b1c25;border-radius:7px;padding:10px;margin-bottom:8px;display:grid;grid-template-columns:31px 1fr;gap:8px}.ins-ico{width:31px;height:31px;border-radius:6px;background:rgba(38,208,124,.08);color:var(--green);display:grid;place-items:center;font-size:18px}.ins-ico.warn{background:rgba(232,141,33,.09);color:#f1ae44}.ins-ico.cyan{background:rgba(18,191,197,.08);color:#3fd7db}.ins-title{font-size:10.5px;font-weight:700;color:#3cd8db;margin-bottom:4px}.ins-title.gold{color:#e4ad42}.ins-body{font-size:9.5px;line-height:1.43;color:#a9b6bc}.more{height:26px;display:flex;align-items:center;justify-content:space-between;color:#35cdd1;font-size:9.8px}.badge-red{min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:50%;background:#ef4148;color:white;font-size:10px;font-weight:700}.alerts{padding:0 12px 8px}.alert-row{display:grid;grid-template-columns:10px 1fr;gap:8px;margin:8px 0 11px}.bullet{width:7px;height:7px;border-radius:50%;margin-top:4px;background:var(--red);box-shadow:0 0 8px rgba(232,68,73,.23)}.bullet.orange{background:var(--orange);box-shadow:none}.bullet.gold{background:#cda232;box-shadow:none}.alert-main{font-size:9.8px;color:#d7dfe3}.alert-sub{font-size:9px;color:#83959e;margin-top:4px}.actions-list{padding:0 12px}.act{height:27px;display:flex;align-items:center;justify-content:space-between;color:#cbd5da;font-size:9.8px;cursor:pointer}.act:hover{color:#40d7db}.act i{font-style:normal;color:#778b94;font-size:17px}
/* bottom */
.bar-panel,.donut-panel,.heat-panel{height:300px}.bar-body{padding:0 13px 9px}.hrow{height:26px;display:grid;grid-template-columns:86px 1fr 30px;gap:8px;align-items:center;font-size:9.5px;color:#bfcbd0;border-radius:4px;padding:0 2px;transition:background .12s ease,color .12s ease}.hrow:hover{background:rgba(18,191,197,.045);color:#ecf4f5}.track{height:10px;border-radius:2px;background:#0b202a;overflow:visible;position:relative}.track:after{content:"";position:absolute;inset:0;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(93,135,151,.08);pointer-events:none}.fill{height:100%;background:linear-gradient(90deg,#0daeb3,#1bc3c8);border-radius:2px;transform-origin:left;animation:barGrow .82s cubic-bezier(.22,1,.36,1) both;position:relative;transition:filter .14s ease,transform .14s ease,box-shadow .14s ease}.fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-120%);animation:barSheen .72s ease-out 1;animation-delay:calc(var(--bar-delay,0ms) + .38s)}.hrow:hover .fill{filter:brightness(1.22) saturate(1.08);transform:translateX(2px) scaleY(1.12);box-shadow:0 0 10px rgba(18,191,197,.18)}.hrow b{font-size:9.5px;color:#dbe3e6;font-weight:600;transition:color .12s ease}.hrow:hover b{color:#55e2e4}.axis{margin-left:94px;margin-right:28px;display:flex;justify-content:space-between;font-size:8.5px;color:#71848d;margin-top:3px}
.donut-body{height:220px;display:grid;grid-template-columns:160px 1fr;align-items:center;padding:0 11px}.donut-wrap{position:relative;width:148px;height:148px;margin-left:1px;display:grid;place-items:center;overflow:visible}.donut-svg{width:148px;height:148px;overflow:visible;filter:drop-shadow(0 8px 18px rgba(0,0,0,.2))}.donut-track{fill:none;stroke:#102630;stroke-width:28;opacity:.72}.donut-segment{cursor:pointer;transform-box:view-box;transform-origin:80px 80px;transition:transform .19s cubic-bezier(.22,1,.36,1),filter .16s ease,opacity .16s ease;outline:none}.donut-segment circle{fill:none;stroke-width:28;stroke-linecap:butt;transition:stroke-width .17s ease,opacity .17s ease,filter .17s ease}.donut-segment:hover,.donut-segment:focus-visible,.donut-segment.active{transform:translate(var(--dx),var(--dy)) scale(1.045);filter:drop-shadow(0 9px 12px color-mix(in srgb,var(--segment-color) 42%,transparent));z-index:3}.donut-segment:hover circle,.donut-segment:focus-visible circle,.donut-segment.active circle{stroke-width:32;filter:brightness(1.16) saturate(1.08)}.donut-segment.muted{opacity:.38}.donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;z-index:2;pointer-events:none;transition:transform .16s ease}.donut-wrap:has(.donut-segment:hover) .donut-center,.donut-wrap:has(.donut-segment:focus-visible) .donut-center{transform:scale(.96)}.donut-center b{font-size:20px;color:#f2f5f7;transition:color .12s ease}.donut-center span{font-size:9.5px;color:#a3b0b6;max-width:72px;line-height:1.2}.donut-tip,.heat-tip{position:absolute;z-index:8;pointer-events:none;border:1px solid rgba(93,135,151,.28);border-radius:7px;background:rgba(9,24,33,.97);box-shadow:0 10px 24px rgba(0,0,0,.28);color:#dce6e8;font-size:9px;line-height:1.35;padding:7px 8px;opacity:0;transform:translateY(4px) scale(.98);transition:opacity .1s ease,transform .12s cubic-bezier(.22,1,.36,1)}.donut-tip.show,.heat-tip.show{opacity:1;transform:translateY(0) scale(1)}.donut-tip{left:45px;top:-7px;min-width:105px}.dlegend{padding-left:3px}.ditem{display:grid;grid-template-columns:8px 1fr;gap:7px;margin:8px 0;color:#b7c4ca;font-size:9px;line-height:1.35;border-radius:4px;padding:2px 3px;cursor:pointer;transition:background .12s ease,color .12s ease,transform .12s ease;outline:none}.ditem:hover,.ditem:focus-visible,.ditem.active{background:rgba(18,191,197,.055);color:#f0f5f6;transform:translateX(2px)}.ditem.muted{opacity:.42}.ditem i{width:8px;height:8px;border-radius:50%;margin-top:2px;transition:transform .12s ease}.ditem:hover i,.ditem.active i{transform:scale(1.35)}.conv{border-top:1px solid rgba(93,135,151,.11);height:31px;margin:0 11px;padding-top:10px;font-size:9.5px;color:#b7c3c8}.conv b{color:#26d5d7;margin-left:8px}.conv em{font-style:normal;color:var(--green);margin-left:13px}
.heat-panel{position:relative}.heat-body{height:235px;display:grid;grid-template-columns:31px 1fr;grid-template-rows:174px 20px 30px;padding:0 12px 7px;column-gap:7px}.days{grid-column:1;grid-row:1;display:grid;grid-template-rows:repeat(7,1fr);align-items:center;font-size:8.8px;color:#91a1aa}.heat{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(7,1fr);gap:3px;padding-top:4px;position:relative}.cell{border-radius:3px;background:#0b2029;opacity:0;transform:scale(.72);animation:cellIn .38s cubic-bezier(.22,1,.36,1) forwards;cursor:crosshair;transition:transform .12s ease,opacity .12s ease,filter .12s ease,box-shadow .12s ease,outline-color .12s ease;outline:1px solid transparent;position:relative}.cell:hover,.cell.active{transform:scale(1.2) translateY(-1px);opacity:1!important;filter:brightness(1.18) saturate(1.1);outline-color:rgba(123,241,243,.8);box-shadow:0 0 0 2px rgba(18,191,197,.12),0 5px 10px rgba(0,0,0,.25);z-index:4}.cell.dim{opacity:.22!important;filter:saturate(.4)}.cell.axis-peer{opacity:.63!important}.c1{background:#0d2b35}.c2{background:#0c3a43}.c3{background:#0c5058}.c4{background:#0b6870}.c5{background:#0a848a}.c6{background:#10a7ab}.c7{background:#4edee0}.times{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(14,1fr);column-gap:3px;color:#788a93;font-size:8.6px;padding-top:4px}.times span{justify-self:center}.times span:nth-child(1){grid-column:1}.times span:nth-child(2){grid-column:3}.times span:nth-child(3){grid-column:5}.times span:nth-child(4){grid-column:7}.times span:nth-child(5){grid-column:9}.times span:nth-child(6){grid-column:11}.times span:nth-child(7){grid-column:14}.scale{grid-column:2;grid-row:3;display:flex;align-items:center;justify-content:center;gap:8px;color:#889aa2;font-size:8.5px}.grad{width:115px;height:8px;border-radius:2px;background:linear-gradient(90deg,#0b2029,#0c5058,#0a848a,#4edee0)}.heat-tip{min-width:122px}
.footer{height:38px;margin-top:10px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(90deg,#071721,#06131b);display:flex;align-items:center;padding:0 12px;color:#7f9199;font-size:9.7px}.footer b{color:#28d1d4;font-size:13px;margin-right:8px}.refresh{font-size:15px;margin-left:10px;color:#82969f;border:0;background:transparent;padding:0;cursor:pointer;transition:color .12s ease,transform .18s ease}.refresh:hover{color:var(--cyan2);transform:rotate(35deg)}
.toast{position:absolute;right:30px;bottom:24px;background:#0b1d26;border:1px solid rgba(18,191,197,.38);color:#dbe5e8;border-radius:8px;padding:10px 14px;font-size:11px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:translateY(0)}

/* Microanimações adicionais: ranking e contadores */
.meta-bar i{transform-origin:left center;transform:scaleX(0);animation:miniBarGrow .74s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--meta-delay,180ms);will-change:transform}
.kpi-value{min-height:26px;display:flex;align-items:flex-start}
.kpi-value.counting{color:#f4f8f9;text-shadow:0 0 12px rgba(18,191,197,.08)}
.donut-segment.pinned{transform:translate(var(--dx),var(--dy)) scale(1.045);filter:drop-shadow(0 9px 12px color-mix(in srgb,var(--segment-color) 42%,transparent));z-index:4}
.donut-segment.pinned circle{stroke-width:32;filter:brightness(1.16) saturate(1.08)}
.ditem.pinned{background:rgba(18,191,197,.085);color:#f3f7f8;transform:translateX(2px)}
@keyframes miniBarGrow{from{transform:scaleX(0);opacity:.42}to{transform:scaleX(1);opacity:1}}
@property --ring-progress{syntax:'<number>';inherits:false;initial-value:0}@keyframes sparkDraw{to{stroke-dashoffset:0}}@keyframes lineDraw{to{stroke-dashoffset:0;filter:drop-shadow(0 0 2px rgba(18,191,197,.16))}}@keyframes gridFade{to{opacity:1}}@keyframes goalFade{to{opacity:.9}}@keyframes pointReveal{from{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}@keyframes ringSweep{to{--ring-progress:var(--ring-end,0)}}@keyframes barGrow{from{transform:scaleX(0);opacity:.35}to{transform:scaleX(1);opacity:1}}@keyframes barSheen{to{transform:translateX(130%)}}@keyframes cellIn{to{transform:scale(1);opacity:.86}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.spark polyline,.main-chart-svg .line1,.main-chart-svg .line2{stroke-dashoffset:0!important}.main-chart-svg .grid,.main-chart-svg .goal,.main-chart-svg circle,.cell{opacity:1!important;transform:none!important}.ring{--ring-progress:var(--ring-end,0)!important}.meta-bar i{transform:scaleX(1)!important}}

.nav-item{text-decoration:none}.api-empty{height:100%;min-height:70px;display:grid;place-items:center;padding:18px;text-align:center;color:#8fa1aa;font-size:10px;line-height:1.45}.api-empty b{display:block;color:#e8ad2d;font-size:11px;margin-bottom:5px}.rank-table .missing{color:#e8ad2d}.insights>.api-empty,.alerts>.api-empty,.actions-list>.api-empty{min-height:60px}.performance-chart>.api-empty{position:absolute;left:12px;right:12px;top:76px;bottom:10px;z-index:3;background:rgba(7,20,28,.88);border-radius:7px}.heat-panel>.api-empty,.donut-panel>.api-empty,.bar-panel>.api-empty{position:absolute;inset:49px 8px 8px;z-index:5;background:rgba(7,20,28,.9);border-radius:7px}.bar-panel,.donut-panel{position:relative}.is-loading{opacity:.72}.side-collapse{flex:0 0 auto}
.pages button{display:grid;place-items:center;min-width:24px;height:26px;border:0;border-radius:6px;padding:0;color:#cbd5da;background:transparent;font:inherit;cursor:pointer}.pages button:hover,.pages button:focus-visible{color:#eefafa;background:#102832;outline:1px solid rgba(25,208,212,.45)}.pages button[aria-current="page"]{width:28px;background:linear-gradient(180deg,#1bd0d4,#0a969b);color:#01262a;font-weight:700;cursor:default;opacity:1}
.status-empty{height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:14px;text-align:center;color:#899ca5;font-size:9px;line-height:1.45}.status-empty strong{color:#e4ecee;font-size:11px}.donut-svg[hidden]{display:none}.donut-wrap:has(.donut-svg[hidden]) .donut-center{display:none}
.rank-table .score.empty{border-color:var(--analytics-theme-border-strong,var(--border2));color:var(--muted);background:var(--analytics-theme-surface-2,var(--panel2))}.rank-table td:last-child small{display:block;margin-top:2px;color:var(--muted);font-size:7.4px;line-height:1.12;white-space:nowrap}