*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111417;--card:#1c2126;--text:#f2f4f6;--muted:#9aa4ad;--ok:#2e7d32;--soon:#f9a825;--late:#c62828;--brand:#d84315}body{background:var(--bg);color:var(--text);font-family:system-ui,sans-serif;font-size:20px}button{font:inherit;cursor:pointer}.login{max-width:420px;margin:10vh auto;display:grid;grid-gap:12px;gap:12px;padding:24px}.login input{padding:14px;font-size:18px;border-radius:8px;border:1px solid #333;background:var(--card);color:var(--text)}.login button{padding:16px;border-radius:8px;border:0;background:var(--brand);color:white;font-weight:700}.login .error{color:var(--late)}.topbar{display:flex;gap:16px;align-items:center;padding:10px 16px;background:var(--card);position:-webkit-sticky;position:sticky;top:0}.topbar .offline{background:var(--late);color:white;padding:4px 12px;border-radius:6px;font-weight:700}.topbar .queued{color:var(--soon)}.board{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:14px;gap:14px}.board,.ticket{display:grid;padding:14px}.ticket{background:var(--card);border-radius:12px;border-left:8px solid var(--ok);grid-gap:10px;gap:10px}.ticket.soon{border-left-color:var(--soon)}.ticket.late{border-left-color:var(--late)}.ticket header{display:flex;justify-content:space-between;font-size:24px;font-weight:800}.ticket .meta{color:var(--muted);font-size:16px;text-transform:uppercase}.ticket ul{list-style:none;display:grid;grid-gap:6px;gap:6px}.ticket li{font-size:22px}.ticket .qty{color:var(--brand);font-weight:800;margin-right:8px}.ticket .bump{padding:18px;min-height:56px;border:0;border-radius:10px;background:#2f3944;color:var(--text);font-size:20px;font-weight:800;letter-spacing:1px}.ticket .bump:active{background:var(--brand)}.ticket .late-label{color:var(--late);font-weight:800}