:root { --ink: #1c1c1c; --muted: #6b6b6b; --line: #e3e3e3; --accent: #1f5fbf; --bg: #fafafa; --card: #fff; --warn: #b54708; --ok: #1f7a3f; }
* { box-sizing: border-box; }
body { margin: 0; font: 15px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--ink); background: var(--bg); }
header.top { display: flex; justify-content: space-between; align-items: center; padding: .6rem 1.2rem; background: var(--card); border-bottom: 1px solid var(--line); }
header.top .brand { font-weight: 700; text-decoration: none; color: var(--ink); }
header.top nav a { margin-right: 1rem; }
main { max-width: 1100px; margin: 1.5rem auto; padding: 0 1rem; }
footer { max-width: 1100px; margin: 2rem auto; padding: 0 1rem; }
.card { background: var(--card); border: 1px solid var(--line); border-radius: 8px; padding: 1.2rem; }
.narrow { max-width: 420px; margin: 3rem auto; }
.muted { color: var(--muted); }
.warn { color: var(--warn); }
.ok { color: var(--ok); }
label { display: block; font-weight: 600; margin-top: .6rem; }
input[type=text], input[type=email], input[type=date], textarea, select { width: 100%; padding: .5rem; border: 1px solid var(--line); border-radius: 6px; font: inherit; }
textarea { min-height: 6rem; }
button { margin-top: .8rem; padding: .5rem 1rem; border-radius: 6px; border: 1px solid var(--accent); background: var(--accent); color: #fff; font: inherit; cursor: pointer; }
button.secondary { background: #fff; color: var(--accent); }
button.link { background: none; border: none; color: var(--accent); padding: 0; margin: 0; text-decoration: underline; }
form.inline { display: inline; }
.hp { position: absolute; left: -9999px; }
table { width: 100%; border-collapse: collapse; background: var(--card); }
th, td { text-align: left; padding: .5rem .6rem; border-bottom: 1px solid var(--line); vertical-align: top; }
.chip { display: inline-block; padding: 0 .5rem; border-radius: 999px; background: #eef2f9; color: var(--accent); font-size: .85em; }
.chip.w5 { background: #fdeee4; color: var(--warn); }
.ts { font-family: ui-monospace, monospace; color: var(--muted); }
.cols { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 800px) { .cols { grid-template-columns: 1fr; } }
.queue li { padding: .5rem 0; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; gap: 1rem; }