.resultTop{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.resultTitle{display:flex;gap:14px;align-items:center}.resultTitle h1{margin:0;font-size:22px}.resultTitle p{margin:4px 0 0;color:#a8b7ca;font-size:12px}.trophyBox{display:grid;place-items:center;width:46px;height:46px;background:#112641;border:1px solid #1b78ff;border-radius:9px;color:#ffc027;font-size:25px}.filters{display:flex;gap:9px;align-items:center}.filters button,.rcCard button{color:#e8f0ff;background:#122237;border:1px solid #29435d;border-radius:5px;padding:8px 10px;font-size:11px}.live{font-size:11px;color:#30e47b}.resultMetrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.resultMetrics article{background:linear-gradient(145deg,#0f1c2a,#0a1520);border:1px solid #29405a;border-radius:8px;padding:11px;display:flex;gap:10px;align-items:center}.resultMetrics i{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:#0d376c;color:#2b92ff;font-style:normal;font-size:22px}.resultMetrics article:nth-child(2) i{background:#0b4431;color:#27e17b}.resultMetrics article:nth-child(3) i{background:#35171e;color:#ff5b65}.resultMetrics article:nth-child(4) i{background:#0d376c}.resultMetrics article:nth-child(5) i{background:#33270d;color:#ffc231}.resultMetrics div{font-size:11px;color:#e8effc}.resultMetrics strong{display:block;font-size:26px;color:#fff}.resultMetrics em{font-style:normal;color:#29e47d;font-size:11px}.resultBoard{display:grid;grid-template-columns:1.15fr 1.4fr .95fr;gap:12px;margin:12px 0}.rcCard{background:linear-gradient(145deg,#0e1b29,#0a1520);border:1px solid #263d56;border-radius:8px;padding:12px}.rcCard h3{margin:0 0 10px;font-size:14px}.rcCard h3 button{float:right;margin-left:3px}.rank{display:grid;grid-template-columns:22px 29px 1fr 150px 83px 37px;gap:7px;align-items:center;padding:7px 0;border-top:1px solid #20354c;font-size:11px}.face{display:grid;place-items:center;width:26px;height:26px;background:#314864;border-radius:50%;font-weight:bold}.rankbar{height:8px;background:#182941;border-radius:4px;overflow:hidden}.rankbar i{display:block;height:100%;background:linear-gradient(90deg,#147aff,#518dff);border-radius:4px}.rank small{font-size:9px;color:#9eb0c7}.rank small b{color:white}.rank em{font-style:normal;color:#32e680}.legend{font-size:10px;color:#aebcd0}.legend i{display:inline-block;width:8px;height:8px;background:#4894ff;border-radius:2px;margin:0 4px 0 12px}.legend i:nth-child(2){background:#21dc75}.legend i:nth-child(3){background:#ffbd27}.weekly{height:160px;display:flex;align-items:end;justify-content:space-around;padding:18px 12px 24px;background:repeating-linear-gradient(to bottom,transparent 0 31px,#20354b 32px)}.weekly div{height:100%;display:flex;align-items:end;gap:4px;position:relative}.weekly span{display:block;width:15px;background:#418dff}.weekly span:nth-child(2){background:#1bce69}.weekly span:nth-child(3){background:#f8b629}.weekly b{position:absolute;bottom:-20px;white-space:nowrap;font-size:10px;color:#a8b7c9}.donutRing{width:122px;height:122px;border-radius:50%;margin:10px auto;background:conic-gradient(#2adf72 0 60%,#388dff 60% 73%,#f25059 73% 88%,#ffb927 88% 95%,#7b8796 95%);display:grid;place-items:center}.donutRing b{height:77px;width:77px;border-radius:50%;background:#0b1723;display:grid;place-items:center;font-size:23px}.donutRing small{font-size:9px;color:#a8b7c9;font-weight:400;margin-top:-18px}.donut p{font-size:10px;margin:8px 0;display:flex;justify-content:space-between}.donut p i{width:9px;height:9px;background:#2adf72;border-radius:2px;margin-right:5px}.recent{margin-top:12px}.recentHead{display:flex;gap:8px;align-items:center;margin-bottom:10px}.recentHead h3{margin-right:auto}.recentHead input{width:290px;padding:8px;background:#0b1724;border:1px solid #29415c;border-radius:5px;color:white;font-size:10px}.recent table{width:100%;border-collapse:collapse;font-size:10px}.recent th{text-align:left;color:#a9b7c8;padding:8px;border-bottom:1px solid #293f59}.recent td{padding:9px 8px;border-bottom:1px solid #1e3349}.type,.status{padding:4px 7px;border-radius:4px;background:#11417b;color:#80beff}.type.sale{background:#523d0b;color:#ffd04b}.status{background:#0c482f;color:#38e687}.status.wait{background:#12477d;color:#83c2ff}.status.cancel{background:#55212d;color:#ff7583}@media(max-width:1050px){.resultMetrics{grid-template-columns:repeat(3,1fr)}.resultBoard{grid-template-columns:1fr 1fr}.donut{grid-column:span 2}.recent{overflow:auto}}@media(max-width:680px){.resultTop{display:block}.filters{margin-top:13px;overflow:auto}.resultMetrics,.resultBoard{grid-template-columns:1fr}.donut{grid-column:auto}.rank{grid-template-columns:22px 29px 1fr 80px 37px}.rank small{display:none}.recentHead{flex-wrap:wrap}.recentHead input{width:100%}.recent table{min-width:780px}}