*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f1117;font-family:Inter,system-ui,sans-serif;font-size:12px}.app{max-width:1400px;margin:0 auto;padding:10px}h1{color:#fff;margin-bottom:2px;font-size:15px;font-weight:700}h2{text-transform:uppercase;letter-spacing:.06em;color:#c8d8e8;margin-bottom:5px;font-size:9px;font-weight:600}.cards-row{flex-wrap:wrap;align-items:stretch;gap:4px;margin-bottom:8px;display:flex}.cards-row>*{flex:1;min-width:100px}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:4px;margin-bottom:8px;display:grid}.card{background:#1e2130;border:1px solid #2d3148;border-radius:6px;padding:3px 6px;line-height:1.2}.card .label{color:#c8d8e8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:0;font-size:8px;line-height:1.1}.card .value{font-size:12px;font-weight:700;line-height:1.2}.card .sub{color:#c0d0e0;margin-top:0;font-size:7px;line-height:1.2}.positive{color:#22c55e}.negative{color:#ef4444}.neutral{color:#c0cfd8}.grid-2{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:4px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:4px;margin-bottom:8px;display:grid}.grid-bottom{grid-template-columns:.65fr 1fr 1.2fr 1.4fr;gap:4px;margin-bottom:16px;display:grid}.panel{background:#1e2130;border:1px solid #2d3148;border-radius:6px;padding:7px 8px}@media (width<=900px){.grid-2{grid-template-columns:1fr}}@media (width<=640px){.grid-bottom{grid-template-columns:1fr 1fr}}@media (width<=600px){.app{padding:6px}.grid-2{grid-template-columns:1fr 1fr}.grid-bottom{grid-template-columns:1fr 1fr;gap:3px}.panel{padding:4px 5px;overflow-x:auto}h2{margin-bottom:3px;font-size:8px}th{padding:2px 3px;font-size:8px}td{padding:2px 3px;font-size:10px}.header-row{flex-wrap:wrap;gap:4px;margin-bottom:6px}.header-row h1{font-size:13px}}table{border-collapse:collapse;width:100%}th{color:#b8cad8;text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid #2d3148;padding:3px 4px;font-size:9px}td{border-bottom:1px solid #1a1f2e;padding:3px 4px;font-size:11px}tr:last-child td{border-bottom:none}tr:hover td{background:#252a3d}.badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-win{color:#86efac;background:#14532d}.badge-lose{color:#fca5a5;background:#450a0a}.badge-pend{color:#93c5fd;background:#1e3a5f}.badge-cancel{color:#78716c;background:#292524}.dot{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:inline-flex}.dot-branco{color:#0f1117;background:#f1f5f9}.dot-verde{color:#fff;background:#15803d}.dot-preto{color:#e2e8f0;background:#334155}.bar-wrap{align-items:center;gap:8px;display:flex}.bar-bg{background:#2d3148;border-radius:3px;flex:1;height:5px;overflow:hidden}.bar-fill{border-radius:3px;height:5px}.refresh-ts{color:#fff;font-size:10px}.header-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}