:root{--bg:#f6f7f9;--panel:#fff;--ink:#1b2330;--muted:#677284;--line:#e3e6eb;--accent:#1f5eff;--red:#c62f2f;--red-bg:#fdeaea;--amber:#9a5b00;--amber-bg:#fff4dc;--green:#1d7a46;--green-bg:#e5f5ec;--grey-bg:#eef0f3;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1{margin:0;font-size:1.35rem}h2{margin:0;font-size:1rem}h3{margin:1rem 0 .5rem;font-size:.9rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.muted{color:var(--muted)}.small{font-size:.82rem}.center{place-items:center;min-height:100vh;padding:2rem;display:grid}.shell{grid-template-columns:210px 1fr;min-height:100vh;display:grid}.shell.elevated .nav{border-right:4px solid var(--red)}.nav{color:#d6dbe4;background:#111827;flex-direction:column;gap:.15rem;height:100vh;padding:1rem .75rem;display:flex;position:sticky;top:0}.nav a{color:#c8ced9;border-radius:6px;padding:.45rem .6rem;text-decoration:none}.nav a:hover{background:#1f2937}.nav a.active{color:#fff;background:#2b3a55}.brand{color:#fff;padding:.25rem .6rem 1rem;font-size:1.05rem}.env{color:#8b95a7;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.nav-foot{flex-direction:column;gap:.25rem;margin-top:auto;padding:.6rem;display:flex}.main{max-width:1500px;padding:1.5rem 2rem}.page-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:1rem;padding:1rem}.card-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.grid2{grid-template-columns:repeat(auto-fit,minmax(460px,1fr));align-items:start;gap:1rem;display:grid}.row{align-items:center;gap:.5rem;display:flex}.row.wrap{flex-wrap:wrap}.filters{flex-wrap:wrap;margin-bottom:1rem}.stats{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:.75rem;margin-bottom:.75rem;display:grid}.stat{border:1px solid var(--line);border-radius:8px;padding:.7rem .8rem}.stat.red{background:var(--red-bg);border-color:#f3c3c3}.stat.amber{background:var(--amber-bg);border-color:#f0dca8}.stat.green{background:var(--green-bg);border-color:#bfe3cd}.stat-value{font-size:1.45rem;font-weight:650}.stat-label{color:var(--muted);font-size:.82rem}.stat-hint{color:var(--muted);margin-top:.2rem;font-size:.72rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--line);padding:.4rem .5rem;font-size:.78rem;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:top;padding:.5rem}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#f4f7ff}.empty{padding:.75rem 0}.badge{background:var(--grey-bg);color:#3c4656;white-space:nowrap;border-radius:999px;margin-right:.25rem;padding:.08rem .45rem;font-size:.75rem;font-weight:600;display:inline-block}.badge.red{background:var(--red-bg);color:var(--red)}.badge.amber{background:var(--amber-bg);color:var(--amber)}.badge.green{background:var(--green-bg);color:var(--green)}button,.button{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;padding:.4rem .75rem}button:hover:not(:disabled){border-color:#b9c1cd}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:var(--red);border-color:#efc0c0}button.ghost{background:0 0}button.link{color:var(--accent);background:0 0;border:none;padding:0 .25rem}.nav button.link{color:#9fb6ff;text-align:left}input,select,textarea{font:inherit;border:1px solid var(--line);background:#fff;border-radius:6px;padding:.4rem .55rem}textarea{resize:vertical;width:100%;margin:.5rem 0}.form{gap:.6rem;max-width:560px;margin-top:1rem;display:grid}.form label{gap:.25rem;display:grid}fieldset{border:1px solid var(--line);border-radius:6px}legend{color:var(--muted);font-size:.8rem}.alert{border-radius:8px;margin-bottom:1rem;padding:.6rem .8rem}.alert.error{background:var(--red-bg);color:var(--red)}.alert.ok{background:var(--green-bg);color:var(--green)}.alert.warn{background:var(--amber-bg);color:var(--amber)}.facts{grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.summary{white-space:pre-wrap}.timeline{gap:.6rem;max-height:560px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.timeline li{border-left:2px solid var(--line);padding-left:.7rem}.timeline li.bg{border-left-color:var(--red)}.note{white-space:pre-wrap;background:var(--grey-bg);border-radius:6px;margin-top:.25rem;padding:.35rem .5rem}.chat{background:#eef1f5;border-radius:8px;flex-direction:column;gap:.5rem;max-height:560px;padding:.5rem;display:flex;overflow-y:auto}.bubble{background:#fff;border-radius:10px;align-self:flex-start;max-width:85%;padding:.5rem .7rem}.bubble.outbound{background:#dcf2ff;align-self:flex-end}.bubble.outbound.staff{background:#e8e1ff}.bubble-text{white-space:pre-wrap}.bubble-meta{color:var(--muted);margin-top:.25rem;font-size:.72rem}.composer{align-items:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.composer input,.composer textarea{flex:1}.segmented button{border-radius:0}.segmented button:first-child{border-radius:6px 0 0 6px}.segmented button:last-child{border-radius:0 6px 6px 0}.segmented button.on{background:var(--ink);color:#fff}.json{color:#d6e2ff;white-space:pre-wrap;word-break:break-all;background:#0f172a;border-radius:6px;padding:.7rem;font-size:.78rem;overflow-x:auto}.signin{gap:.75rem;width:380px;display:grid}.signin h1{font-size:1.4rem}.sandbox{border-top:1px dashed var(--line);margin-top:1rem;padding-top:.5rem}details{margin:.4rem 0}summary{cursor:pointer;padding:.25rem 0}