:root { --bg:#f6f7f9; --fg:#1d2330; --mut:#667085; --bd:#d6dae1; --ac:#1f5eff; --err:#b42318; --ok:#067647; --warn:#a15c07; --card:#fff; }
@media (prefers-color-scheme: dark) { :root { --bg:#14171f; --fg:#e8eaf0; --mut:#9aa3b5; --bd:#2c3342; --ac:#6e96ff; --err:#ff8a80; --ok:#5fd39b; --warn:#f2b04c; --card:#1b1f2a; } }
* { box-sizing:border-box }
body { margin:0; background:var(--bg); color:var(--fg); font:15px/1.5 system-ui,sans-serif }
header { display:flex; gap:24px; align-items:center; padding:12px 24px; background:var(--card); border-bottom:1px solid var(--bd) }
header nav { flex:1; display:flex; gap:16px } header a { color:var(--ac); text-decoration:none }
main { max-width:1100px; margin:24px auto; padding:0 16px }
#login { max-width:340px; margin-top:12vh } form { display:grid; gap:12px }
label { display:grid; gap:4px; color:var(--mut); font-size:13px }
input, select { padding:8px; border:1px solid var(--bd); border-radius:6px; background:var(--card); color:var(--fg); font:inherit }
button { padding:8px 16px; border:0; border-radius:6px; background:var(--ac); color:#fff; font:inherit; cursor:pointer }
button.sec { background:transparent; color:var(--fg); border:1px solid var(--bd) }
#area { border:2px dashed var(--bd); border-radius:10px; padding:36px; text-align:center; color:var(--mut); cursor:pointer; margin-bottom:12px }
#area.sobre, #area:focus { border-color:var(--ac); outline:0 }
table { width:100%; border-collapse:collapse; background:var(--card); border:1px solid var(--bd); border-radius:8px }
th, td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--bd) } th { color:var(--mut); font-weight:500; font-size:13px }
.erro { color:var(--err) } .ok { color:var(--ok) } .aviso { color:var(--warn) }
.arq { background:var(--card); border:1px solid var(--bd); border-radius:8px; padding:10px 14px; margin:8px 0 }
.arq ul { margin:4px 0 0 18px; padding:0 }
tr.pend td { background:color-mix(in srgb, var(--warn) 12%, transparent) }
@media (max-width:640px) { th:nth-child(n+5), td:nth-child(n+5) { display:none } }