:root { color-scheme: light dark; }
body { margin: 16px; font-family: system-ui, sans-serif; }
header { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.card { border:1px solid #ddd; border-radius:12px; padding:12px; margin-bottom:12px; }
.row { display:flex; flex-wrap:wrap; gap:8px; align-items:flex-end; }
label { display:flex; flex-direction:column; font-size:12px; gap:4px; }
input, select, button { padding:8px; border-radius:8px; border:1px solid #ccc; }
table { width:100%; border-collapse:collapse; font-size:13px; }
th, td { border-bottom:1px solid #eee; padding:6px; }
.right { text-align:right; }
.muted { color:#666; font-size:12px; }