:root{--bg: #f6f7f9;--surface: #fff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--primary: #0f172a;--on-primary: #fff;--accent: #2563eb;--danger: #b91c1c;--ok: #15803d;--radius: 10px;--font: "Inter", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);font-size:15px;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.5rem;margin:0 0 1rem}h2{font-size:1.125rem;margin:1.5rem 0 .75rem}p{margin:0 0 .75rem}code{font-size:.875em;background:#eef2f7;padding:.1em .35em;border-radius:4px}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100%}.side{background:var(--surface);border-right:1px solid var(--border);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1rem}.brand{font-weight:700;letter-spacing:-.01em}.brand small{display:block;font-weight:500;color:var(--muted);font-size:.75rem}.side nav{display:flex;flex-direction:column;gap:.125rem}.side nav a{padding:.5rem .625rem;border-radius:8px;color:var(--text)}.side nav a.active,.side nav a:hover{background:#eef2f7;text-decoration:none}.side .who{margin-top:auto;font-size:.875rem;color:var(--muted)}.main{padding:2rem 2.5rem;max-width:1100px}.center{min-height:100%;display:grid;place-items:center;padding:2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card.narrow{width:100%;max-width:380px}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.stack{display:grid;gap:.75rem}label{display:block;font-weight:600;font-size:.875rem;margin-bottom:.25rem}input,select,textarea{width:100%;font:inherit;padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;background:#fff;color:inherit}input:focus,select:focus,textarea:focus{outline:2px solid #bfdbfe;border-color:var(--accent)}button{font:inherit;font-weight:600;padding:.55rem .9rem;border-radius:8px;border:1px solid var(--border);background:#fff;color:inherit;cursor:pointer}button.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}button.danger{color:var(--danger);border-color:#fecaca}button:disabled{opacity:.55;cursor:default}button.link{border:0;background:none;padding:.25rem .4rem;color:var(--accent);font-weight:500}table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}th,td{text-align:left;padding:.65rem .85rem;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#fafbfc}tr:last-child td{border-bottom:0}.pill{display:inline-block;font-size:.75rem;font-weight:600;padding:.15rem .55rem;border-radius:999px;background:#eef2f7;color:var(--muted)}.pill.published{background:#dcfce7;color:var(--ok)}.pill.draft{background:#fef3c7;color:#92400e}.pill.closed{background:#e2e8f0;color:#334155}.muted{color:var(--muted)}.err{color:var(--danger);font-size:.875rem}.ok{color:var(--ok);font-size:.875rem}.code-input{letter-spacing:.3em;font-size:1.5rem;text-align:center}.options{display:grid;gap:.5rem}.option{display:grid;grid-template-columns:1fr 2fr auto;gap:.5rem;align-items:center}.empty{padding:2rem;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}@media(max-width:800px){.shell{grid-template-columns:1fr}.side{flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--border)}.side .who{margin-top:0;margin-left:auto}.main{padding:1.25rem 1rem}}