:root { --fg: #1a1a1a; --bg: #fff; --accent: #0b5cad; --err: #b00020; font-size: 18px; }
body { margin: 0; font-family: system-ui, sans-serif; color: var(--fg); background: var(--bg); }
.topbar { display: flex; gap: 1rem; align-items: center; padding: .75rem 1rem; border-bottom: 1px solid #ddd; }
.brand { font-weight: 700; color: var(--accent); text-decoration: none; }
.who { margin-left: auto; color: #555; }
main { max-width: 60rem; margin: 1.5rem auto; padding: 0 1rem; }
.msg { padding: .5rem .75rem; border-radius: .25rem; background: #eef5ff; }
.msg-error, .errorlist { color: var(--err); }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: .4rem .5rem; border-bottom: 1px solid #eee; }
button, input, select { font: inherit; padding: .4rem .6rem; }