:root { --green:#1F4D36; --charcoal:#2A302B; --bone:#E9E2D0; --sage:#8C9A7E; --orange:#E8732A; }
body { margin:0; background:var(--charcoal); color:var(--bone); font:16px/1.5 system-ui, sans-serif; }
header { padding:12px 16px; border-bottom:1px solid var(--sage); } header a { float:right; color:var(--sage); } header form { float:right; }
.brand { color:var(--orange); letter-spacing:.15em; font-weight:700; }
main { max-width:960px; margin:0 auto; padding:16px; }
.tiles { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:12px; }
.tiles div { background:var(--green); padding:14px; border-radius:8px; } .tiles span { display:block; color:var(--sage); font-size:13px; }
.tiles b { font-size:26px; }
details { background:#232924; margin:6px 0; padding:8px 12px; border-radius:6px; } summary { cursor:pointer; }
table { width:100%; border-collapse:collapse; overflow-x:auto; display:block; } td, th { padding:6px 8px; border-bottom:1px solid #3a423b; text-align:left; }
.banner { background:#3A2A20; border-left:3px solid var(--orange); padding:10px; } .error { color:var(--orange); }
.empty, .hint { color:var(--sage); } input, textarea, button { font:inherit; } button { background:var(--green); color:var(--bone); border:1px solid var(--sage); border-radius:4px; padding:6px 12px; cursor:pointer; }
textarea { width:100%; background:#232924; color:var(--bone); } .inline { display:inline; }