:root{color-scheme:dark;--verde:#22c55e;--amarelo:#eab308;--vermelho:#ef4444;--fundo:#0b1220;--carta:#111a2c;--texto:#e2e8f0}
body{margin:0;background:var(--fundo);color:var(--texto);font:15px/1.5 system-ui}
header{display:flex;justify-content:space-between;align-items:baseline;padding:16px 20px}
#sites{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));padding:0 20px 40px}
.cartao{background:var(--carta);border-radius:10px;padding:14px 16px;overflow-x:auto}
.cartao h2{margin:0 0 6px;display:flex;gap:8px;align-items:center;text-transform:capitalize}
.farol{width:12px;height:12px;border-radius:50%}
.verde .farol{background:var(--verde)}.amarelo .farol{background:var(--amarelo)}.vermelho .farol{background:var(--vermelho)}
table{border-collapse:collapse;width:100%;margin:8px 0;font-variant-numeric:tabular-nums}
th,td{text-align:right;padding:3px 8px;border-bottom:1px solid #1e293b}th:first-child,td:first-child{text-align:left}
.degrau{display:flex;align-items:center;gap:6px;margin:2px 0}
.rotulo{width:44px;text-align:right;font-variant-numeric:tabular-nums;opacity:.8}
.barra{display:inline-block;height:10px;background:var(--verde);border-radius:3px;min-width:2px}
.pedidos{opacity:.6;font-size:12px;margin-top:4px}.funil h3{margin:10px 0 4px;font-size:13px;opacity:.8}