:root{--linen:#f8f5f2;--charcoal:#2d2926;--taupe:#8b7e74;--border:#e5e1dd;--muted:#6b7280;--forest:#4a7c59;--amber:#c8730a;--oxblood:#8c3a2e;--white:#fff;--font-head:"Outfit", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--radius-btn:4px;--radius-card:8px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--linen);color:var(--charcoal);font:400 14px/1.5 var(--font-body);margin:0}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.02em;margin:0 0 12px;font-weight:600}h1{font-size:24px}h2{font-size:18px}h3{font-size:15px}a{color:var(--charcoal)}.eyebrow{font:700 11px/1 var(--font-head);letter-spacing:.32em;text-transform:uppercase;color:var(--taupe)}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}:focus-visible{outline:2px solid var(--taupe);outline-offset:2px}.shell{grid-template-columns:232px 1fr;min-height:100%;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--linen);flex-direction:column;gap:16px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.nav{flex-direction:column;gap:2px;display:flex}.nav a{border-radius:var(--radius-btn);color:var(--charcoal);padding:8px 10px;text-decoration:none}.nav a.active{background:var(--white);border:1px solid var(--border);padding:7px 9px;font-weight:500}.nav .section{margin:12px 10px 4px}.main{min-width:0}.topbar{border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;gap:12px;padding:12px 24px;display:flex}.page{max-width:1200px;padding:24px}.switcher{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--white);cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;align-items:center;gap:10px;padding:8px;display:flex}.avatar{border-radius:var(--radius-btn);background:var(--charcoal);width:32px;height:32px;color:var(--linen);font:600 13px var(--font-head);flex:none;place-items:center;display:grid}.menu{z-index:20;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-card);min-width:208px;padding:4px;position:absolute}.menu button{text-align:left;width:100%;font:inherit;border-radius:var(--radius-btn);cursor:pointer;background:0 0;border:0;padding:8px 10px;display:block}.menu button:hover,.menu button:focus-visible{background:var(--linen)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.grid2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.btn{font:500 13px var(--font-body);border-radius:var(--radius-btn);border:1px solid var(--charcoal);background:var(--charcoal);color:var(--linen);cursor:pointer;padding:7px 14px}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{background:var(--white);color:var(--charcoal);border-color:var(--border)}.btn.danger{background:var(--oxblood);border-color:var(--oxblood);color:var(--white)}.btn.link{color:var(--charcoal);background:0 0;border:0;padding:0;text-decoration:underline}.badge{font:500 11px var(--font-body);border:1px solid var(--border);background:var(--linen);white-space:nowrap;border-radius:999px;padding:2px 8px;display:inline-block}.badge.ok{color:var(--forest);background:#f1f6f2;border-color:#cfe0d3}.badge.warn{color:#8a4f06;background:#fbf3e8;border-color:#efd3ae}.badge.danger{color:var(--oxblood);background:#f8eeec;border-color:#e3c4bf}table{border-collapse:collapse;width:100%}th{text-align:left;font:600 12px var(--font-head);color:var(--taupe);border-bottom:1px solid var(--border);padding:8px}td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px 8px}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#fcfbfa}label.field{flex-direction:column;gap:4px;font-weight:500;display:flex}input,select,textarea{font:inherit;color:inherit;border:1px solid var(--border);border-radius:var(--radius-btn);background:var(--white);padding:7px 9px}textarea{min-height:80px}textarea.code{min-height:280px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.error{color:var(--oxblood)}.notice{border-left:3px solid var(--amber);background:#fbf3e8;padding:8px 12px}.inbox{grid-template-columns:340px 1fr;align-items:start;gap:16px;display:grid}.messages{flex-direction:column;gap:8px;max-height:60vh;padding:4px;display:flex;overflow:auto}.bubble{border-radius:var(--radius-card);border:1px solid var(--border);background:var(--white);white-space:pre-wrap;max-width:75%;padding:8px 12px}.bubble.in{align-self:flex-start}.bubble.out{background:var(--charcoal);color:var(--linen);border-color:var(--charcoal);align-self:flex-end}.bubble.human{background:#efeae5;align-self:flex-end}.bubble .meta{opacity:.75;margin-top:2px;font-size:11px}.modal-backdrop{z-index:50;background:#2d292659;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-card);width:min(640px,100%);max-height:90vh;padding:20px;overflow:auto}pre{white-space:pre-wrap;word-break:break-word;background:var(--linen);border:1px solid var(--border);border-radius:var(--radius-btn);margin:0;padding:8px;font-size:12px}.center{place-items:center;min-height:100%;padding:24px;display:grid}@media (width<=760px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.inbox{grid-template-columns:1fr}}