.sa{color:#f4f8ff;gap:10px;display:grid}.sa h1,.sa h2,.sa p{margin:0}.sa-card{background:linear-gradient(145deg,#061a36e0,#020c1cf2);border:1px solid #2097ff94;border-radius:8px;position:relative;box-shadow:inset 0 0 22px #007eff0f}.sa-card:before{content:"";background:linear-gradient(90deg,#0000,#5ac8ffb8,#0000);height:1px;position:absolute;top:-1px;left:20%;right:20%}.sa-hero{align-items:center;gap:24px;min-height:86px;padding:4px 6px;display:flex}.sa-hero>div:first-child p{color:#1bd1f2;font-size:14px}.sa-hero>div:first-child p span{padding:0 8px}.sa-hero h1{margin-top:5px;font-size:37px;line-height:1}.sa-hero small{color:#cad8ed;margin-top:6px;font-size:14px;display:block}.sa-hero>button,.sa-trend button,.sa-insight button{color:#f4f8ff;font:inherit;background:#031227e0;border:1px solid #23a2ffb8;border-radius:6px;margin-left:auto;padding:10px 14px;font-size:13px}.sa-compare{align-items:center;gap:13px;margin-left:auto;display:flex}.sa-compare b{white-space:nowrap;background:#041936cc;border:1px solid #219cffa6;border-radius:6px;align-items:center;gap:9px;padding:10px 14px;font-size:12px;display:flex}.sa-compare img{object-fit:contain;width:28px;height:28px}.sa-compare i{font-size:12px;font-style:normal}.sa-tabs{border:1px solid #1f8bf780;border-radius:7px;display:flex;overflow:hidden}.sa-tabs>*{text-align:center;border-right:1px solid #2d7ed36e;flex:1;padding:10px;font-size:12px}.sa-tabs>:last-child{border:0}.sa-tabs b{background:linear-gradient(100deg,#1183ff,#1765d7);box-shadow:0 0 18px #1479e6}.sa-stats{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.sa-stat{min-height:93px;padding:10px 12px}.sa-stat>span{color:#0cb6ff;border:1px solid #14a0ffb8;border-radius:5px;place-items:center;width:31px;height:31px;font-size:19px;display:grid;position:absolute;top:10px;right:10px}.sa-stat p{color:#d7e3f4;font-size:12px}.sa-stat strong{margin-top:5px;font-size:25px;line-height:1;display:block}.sa-stat small{color:#bdcce1;margin-top:9px;font-size:10px;display:block}.sa-stat small b{color:#1de4aa;font-size:12px}.sa-main{grid-template-columns:.82fr 1.34fr .88fr;gap:9px;display:grid}.sa-main>section{min-width:0}.sa-by-platform,.sa-trend,.sa-breakdown{min-height:196px;padding:11px}.sa-main h2,.sa-insight h2{font-size:15px}.sa-head{grid-template-columns:1fr 1fr;gap:9px;margin:13px 0 7px;padding-left:32%;font-size:11px;display:grid}.sa-head span:first-child{color:#72f2bd}.sa-head span:last-child{color:#5cbaff}.sa-platform-row{grid-template-columns:32% 34% 34%;align-items:center;margin:9px 0;font-size:11px;display:grid}.sa-platform-row label{color:#d4def0}.sa-platform-row span{align-items:center;gap:6px;display:flex}.sa-platform-row i{background:linear-gradient(90deg,#12d88c,#34efbe);border-radius:1px;height:9px}.sa-platform-row span:last-child i{background:linear-gradient(90deg,#0e81ff,#22b9f5)}.sa-card-title{align-items:center;gap:10px;display:flex}.sa-card-title span{color:#d5e3f8;font-size:10px}.sa-card-title span i{background:#19da95;border-radius:50%;width:9px;height:9px;display:inline-block}.sa-card-title span i+i{background:#198fff}.sa-card-title button{padding:7px 9px;font-size:11px}.sa-trend .db-chart{width:100%;height:165px;margin-top:4px}.sa-breakdown>div{align-items:center;gap:8px;height:160px;display:flex}.sa-breakdown .db-donut{flex:none;width:148px;height:148px}.sa-breakdown ul{gap:13px;margin:0;padding:0;font-size:11px;list-style:none;display:grid}.sa-breakdown li{align-items:center;gap:7px;display:flex}.sa-breakdown li i{border-radius:50%;width:10px;height:10px}.sa-breakdown li b{margin-left:auto}.sa-data{min-height:185px;padding:11px}.sa-store-labels{justify-content:flex-end;gap:29px;margin:8px 0 3px;font-size:10px;display:flex}.sa-store-labels b:first-child{color:#56eeb0}.sa-store-labels b:last-child{color:#59b8ff}.sa-data table{border-collapse:collapse;width:100%;font-size:11px}.sa-data th,.sa-data td{text-align:right;border-bottom:1px solid #3d83d338;padding:5px 2px}.sa-data th{text-align:left;color:#cfdcf0;font-weight:400}.sa-data button{color:#1cccf7;font:inherit;background:0 0;border:0;margin-top:9px;padding:0;font-size:11px}.sa-insight{align-items:center;gap:24px;min-height:51px;padding:9px 13px;display:flex}.sa-insight p{color:#d3dff2;font-size:11px}.sa-insight p:before{content:"✦";color:#15d6ee;padding-right:7px}.sa-insight button{white-space:nowrap;padding:8px 10px;font-size:11px}@media (max-width:1200px){.sa-stats{grid-template-columns:repeat(3,1fr)}.sa-main{grid-template-columns:1fr 1fr}.sa-breakdown{grid-column:span 2}.sa-compare{display:none}}@media (max-width:760px){.sa-main,.sa-stats{grid-template-columns:1fr}.sa-breakdown{grid-column:auto}.sa-tabs{overflow:auto}.sa-tabs>*{min-width:110px}.sa-hero>button{display:none}.sa-insight{gap:8px;display:grid}.sa-insight button{margin-left:0}}.sa-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.sa-actions .db-period{margin:0;position:relative}.sa-actions .db-period-btn{color:#f4f8ff;min-width:158px;font:inherit;background:#031227e0;border:1px solid #23a2ffb8;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.sa-actions .db-period-btn span{text-align:left;flex:1}.sa-actions .db-period-menu{z-index:50}.sa-actions button{margin-left:0}@media (max-width:1200px){.sa-actions{margin-left:auto}}@media (max-width:760px){.sa-actions{display:none}}