:root{ --laranja:#E87722; --terra:#B85518; --texto:#4A3728; --bege:#F5EFE0; --creme:#E8DCC4; --vermelho:#C0392B; }
*{ box-sizing:border-box; }
body{ font-family:Arial,Helvetica,sans-serif; color:var(--texto); background:#fff; margin:0; }
header{ background:var(--laranja); color:#fff; padding:14px 24px; display:flex; align-items:center; gap:12px; }
header h1{ font-size:18px; margin:0; }
main{ max-width:980px; margin:24px auto; padding:0 16px; }
a.btn,button{ background:var(--laranja); color:#fff; border:0; padding:8px 14px; border-radius:6px; text-decoration:none; font-size:14px; cursor:pointer; }
table{ width:100%; border-collapse:collapse; margin-top:12px; }
th{ background:var(--laranja); color:#fff; text-align:left; padding:8px; font-size:13px; }
td{ border:1px solid var(--creme); padding:8px; font-size:13px; }
tr:nth-child(even) td{ background:var(--bege); }
.kpi{ background:var(--bege); border-radius:8px; padding:12px 16px; margin:6px 0; }
.kpi b{ color:var(--terra); }
.neg{ color:var(--vermelho); font-weight:bold; }