:root { --fundo:#0d0d0d; --cartao:#171717; --borda:#2a2a2a; --texto:#eee; --fraco:#9a9a9a; --amarelo:#ffc000; --erro:#ff6b5e; }
* { box-sizing:border-box; }
body { margin:0; background:var(--fundo); color:var(--texto); font:15px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; }
a { color:var(--amarelo); text-decoration:none; }
.topo { display:flex; gap:24px; align-items:center; padding:12px 20px; border-bottom:1px solid var(--borda); flex-wrap:wrap; }
.marca { color:var(--texto); font-size:18px; } .marca b { color:var(--amarelo); }
.topo nav { display:flex; gap:16px; } .usuario { margin-left:auto; color:var(--fraco); font-size:13px; }
main { max-width:1200px; margin:0 auto; padding:20px; }
.cartao { background:var(--cartao); border:1px solid var(--borda); border-radius:10px; padding:20px; max-width:520px; display:grid; gap:12px; }
.login { margin:10vh auto 0; max-width:360px; }
label { display:grid; gap:4px; color:var(--fraco); font-size:13px; }
input, select, textarea { background:#0f0f0f; color:var(--texto); border:1px solid var(--borda); border-radius:6px; padding:8px 10px; font:inherit; }
button, .botao { background:var(--amarelo); color:#111; border:0; border-radius:6px; padding:9px 16px; font-weight:700; cursor:pointer; display:inline-block; }
.erro { color:var(--erro); } .aviso { background:#1f1a05; border:1px solid #5a4700; padding:8px 12px; border-radius:6px; }
table { width:100%; border-collapse:collapse; font-size:14px; }
th, td { text-align:left; padding:7px 8px; border-bottom:1px solid var(--borda); vertical-align:top; }
th { color:var(--fraco); font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:.5px; }
.filtros { display:flex; gap:8px; flex-wrap:wrap; align-items:end; margin-bottom:14px; }
.etiqueta { font-size:12px; color:var(--fraco); } .num { text-align:right; font-variant-numeric:tabular-nums; }
.kpis { display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:12px; margin:12px 0 20px; }
.kpi { background:var(--cartao); border:1px solid var(--borda); border-radius:10px; padding:14px; }
.kpi b { display:block; font-size:26px; color:var(--amarelo); }
.rolagem { overflow-x:auto; }
.caixa-modulos { max-height:260px; overflow-y:auto; border:1px solid var(--borda); border-radius:6px; padding:8px; display:grid; gap:4px; background:#0f0f0f; }
.caixa-modulos label { display:flex; flex-direction:row; align-items:center; gap:6px; color:var(--texto); }
.caixa-modulos input { width:auto; padding:0; }
@media (max-width:640px) { .usuario { margin-left:0; width:100%; } main { padding:12px; } .col-prof, .col-lib { display:none; } }