:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;--bg:#0b1220;--panel:#111a2e;--border:#223152;--primary:#2d6cdf;--ok:#2d7a3f;--buy:#c94848}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#e8eefc}
.top{padding:16px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--border)}
h1{margin:0;font-size:18px}
.upload{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
button{background:var(--primary);border:0;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}
input,select{background:#0f1830;border:1px solid var(--border);color:#e8eefc;padding:10px 12px;border-radius:10px}
main{padding:16px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px}
.label{font-size:12px;opacity:.8}
.value{font-size:22px;font-weight:700;margin-top:6px}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.tableWrap{overflow:auto}
table{width:100%;border-collapse:collapse;background:#0f1830;border:1px solid var(--border);border-radius:14px;overflow:hidden}
th,td{padding:10px;border-bottom:1px solid var(--border);font-size:13px;text-align:left;white-space:nowrap}
th{background:var(--panel);position:sticky;top:0}
.badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;display:inline-block}
.badge.ok{background:#17361f;color:#7dffb0;border:1px solid var(--ok)}
.badge.buy{background:#3b1b1b;color:#ff9b9b;border:1px solid var(--buy)}
.badge.a{background:#2b1a4a;color:#d9b8ff;border:1px solid #7b55d6}
.badge.b{background:#1a2d4a;color:#b8d4ff;border:1px solid #4f86ff}
.badge.c{background:#2c2c2c;color:#e7e7e7;border:1px solid #666}
.status{font-size:13px;opacity:.85}


/* Tooltip (nativo do navegador via title) */
th[title]{cursor:help;}