.rank-page{padding-top:18px}.rank-filters{padding:14px 16px;margin-bottom:12px}.rank-filters select,.rank-filters input{height:38px}.rank-filters button{height:38px}.rank-filters :disabled{cursor:not-allowed;opacity:.58;background:#f4f5f7}.rank-overview{display:grid;grid-template-columns:350px minmax(0,1fr);gap:12px;margin-bottom:12px}.rank-overview .kpi-grid{grid-template-columns:repeat(2,1fr);margin:0}.rank-overview .kpi{padding:15px 10px;min-height:92px;display:flex;flex-direction:column;justify-content:center}.rank-overview .kpi:nth-child(2):after{display:none}.rank-overview .kpi:nth-child(-n+2){border-bottom:1px solid #f1f2f4}.rank-overview .kpi strong{font-size:20px;line-height:1.25}.rank-overview .kpi span{font-size:12px}.rank-overview .chart-panel{padding:14px 16px;margin:0}.rank-overview .panel-title{margin-bottom:4px}.rank-overview .panel-title h2{font-size:16px}.rank-chart{height:174px}.rank-page .content-panel{padding:16px;margin-bottom:12px}.rank-page .notice-panel{padding:12px 16px;margin-bottom:12px}.rank-page .data-table th,.rank-page .data-table td{padding:9px 14px}.rank-page .pagination{margin-top:12px}
.rank-chart-wrap{position:relative}.rank-chart{display:block;width:100%}.rank-chart-tooltip{position:absolute;z-index:4;min-width:146px;padding:8px 10px;border-radius:8px;color:#fff;background:rgba(30,35,46,.94);box-shadow:0 8px 24px rgba(20,25,35,.22);pointer-events:none;font-size:12px;line-height:1.55}.rank-chart-tooltip b,.rank-chart-tooltip span{display:block}.rank-chart-tooltip b{color:#ffd467;font-size:13px;margin-bottom:2px}.notice-panel a{color:var(--red);font-weight:600}
@media(max-width:800px){.rank-overview{grid-template-columns:1fr}.rank-overview .rank-chart{height:190px}}@media(max-width:600px){.rank-page{padding-top:10px}.rank-overview .kpi{min-height:78px;padding:10px 6px}.rank-overview .kpi strong{font-size:17px}}