:root { font-family: system-ui, sans-serif; }
body { margin: 0; background: #f5f5f4; color: #1c1917; }
nav { display: flex; gap: 1rem; padding: .75rem 1rem; background: #292524; }
nav a { color: #fafaf9; text-decoration: none; }
nav form.inline { margin-left: auto; }
main { padding: 1rem; max-width: 720px; margin: 0 auto; }
table { border-collapse: collapse; width: 100%; background: #fff; }
th, td { padding: .5rem; border-bottom: 1px solid #e7e5e4; text-align: left; }
tr.total { font-weight: 700; }
label { display: block; margin: .5rem 0; }
input, select { padding: .5rem; font-size: 1rem; }
button { padding: .6rem 1.2rem; font-size: 1rem; cursor: pointer; }
.bigbtn { font-size: 1.5rem; padding: 1.2rem 2rem; min-width: 8rem; }
.win { background: #dcfce7; } .loss { background: #fee2e2; }
.neg { color: #b91c1c; } .pos { color: #15803d; }