body{min-height:100vh;background:radial-gradient(circle at 50% -20%,#26372b 0,transparent 42%),var(--bg)}
.rank-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:42px 0 60px}
.rank-header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:28px}
.rank-header h1{margin:7px 0 6px;font-size:34px;letter-spacing:-1.2px}.rank-header p{color:var(--muted);text-transform:capitalize}
.rank-back{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;color:var(--text);text-decoration:none;font-size:29px;background:#222827}
.rank-status{margin-bottom:14px;padding:12px 15px;border:1px solid #49604f;border-radius:10px;background:#28372d;color:#cce5d2;font-size:12px}.rank-status.error{border-color:#6a4640;background:#3a2b28;color:var(--red)}
.rank-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.rank-totals article{padding:20px;border:1px solid var(--line);border-radius:14px;background:#202625}.rank-totals small{display:block;margin-bottom:12px;text-transform:uppercase;letter-spacing:1.2px}.rank-totals strong{font-size:28px;color:var(--mint);font-variant-numeric:tabular-nums}
.rank-board{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#202625}.rank-board-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:22px 24px;border-bottom:1px solid var(--line)}.rank-board-heading h2{margin-bottom:6px}.rank-board-heading p{color:var(--muted);font-size:11px}
.rank-table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 20px;text-align:right;border-bottom:1px solid #303936;font-variant-numeric:tabular-nums}th{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#8f9d94;font-weight:550}th:nth-child(1),td:nth-child(1){width:90px;text-align:center}th:nth-child(2),td:nth-child(2){text-align:left}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#252e2a}.rank-top{background:#222d27}.rank-position{font-size:18px}.rank-name{display:flex;align-items:center;gap:8px}.rank-name strong{font-size:13px}.rank-name span,.rank-name small{padding:3px 6px;border-radius:5px;background:#313b36;color:#afbeb4;font-size:9px}.rank-name small{background:#304156;color:#bcd3ed}.rank-sales{color:var(--mint);font-size:15px}.rank-empty{text-align:center!important;color:var(--muted);padding:40px}.rank-header button{justify-self:end}
@media(max-width:680px){.rank-shell{width:min(100% - 20px,1120px);padding-top:22px}.rank-header{grid-template-columns:38px 1fr}.rank-header h1{font-size:28px}.rank-header button{grid-column:1/-1;width:100%}.rank-totals{gap:7px}.rank-totals article{padding:14px 11px}.rank-totals small{font-size:9px;line-height:1.4}.rank-totals strong{font-size:22px}.rank-board-heading{align-items:flex-start;flex-direction:column;padding:18px}.rank-table-wrap{overflow:visible}table,tbody,tr,td{display:block}thead{display:none}tbody{padding:8px}tbody tr{display:grid;grid-template-columns:42px minmax(0,1fr) 1fr;align-items:center;margin-bottom:7px;padding:12px;border:1px solid #344039;border-radius:11px}td{padding:4px 6px;border:0;text-align:right!important}td:nth-child(1){grid-row:1/3;width:auto}td:nth-child(2){text-align:left!important}td:nth-child(3)::before{content:'Testes hoje: ';color:var(--muted);font-size:9px}td:nth-child(4)::before{content:'Vendas hoje: ';color:var(--muted);font-size:9px}td:nth-child(5){grid-column:2/-1}td:nth-child(5)::before{content:'Vendas no mês: ';color:var(--muted);font-size:9px}.rank-name{flex-wrap:wrap}}