:root{--bg: #0f1419;--bg-elevated: #171e26;--bg-sidebar: #12181f;--border: #2a3441;--text: #e8eef5;--text-muted: #93a0b0;--accent: #3d9cf0;--accent-soft: rgba(61, 156, 240, .14);--danger: #e35d6a;--ok: #3ecf8e;--radius: 10px;--font: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,rgba(61,156,240,.12),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(62,207,142,.08),transparent 50%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100%}.sidebar{background:color-mix(in srgb,var(--bg-sidebar) 92%,black);border-right:1px solid var(--border);padding:1.25rem .9rem;display:flex;flex-direction:column;gap:1rem}.brand{padding:.35rem .65rem .85rem}.brand-name{font-size:1.15rem;font-weight:700;letter-spacing:.02em}.brand-sub{color:var(--text-muted);font-size:.8rem;margin-top:.15rem}.nav-section-title{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:.65rem .65rem .35rem}.nav-link{display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;border-radius:8px;color:var(--text-muted);margin-bottom:.15rem}.nav-link:hover{background:#ffffff0a;color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--text)}.main{padding:1.5rem 1.75rem 2.5rem;min-width:0}.page-header{margin-bottom:1.25rem}.page-header h1{margin:0;font-size:1.55rem;font-weight:650}.page-header p{margin:.35rem 0 0;color:var(--text-muted)}.panel{background:color-mix(in srgb,var(--bg-elevated) 94%,white 2%);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem}.muted{color:var(--text-muted)}.mono{font-family:var(--mono);font-size:.86em}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:8px;padding:.45rem .8rem;cursor:pointer}.btn:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.btn-primary{background:var(--accent);border-color:transparent;color:#061018;font-weight:600}.btn-danger{border-color:color-mix(in srgb,var(--danger) 45%,var(--border));color:#ffd5da}.gate,.loading,.error-box{min-height:100%;display:grid;place-items:center;padding:2rem;text-align:center}.error-box{color:#ffb4bc}.stack{display:flex;flex-direction:column;gap:.85rem}.row{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.55rem .45rem;border-bottom:1px solid var(--border);vertical-align:top}.table th{color:var(--text-muted);font-weight:500;font-size:.82rem}.chip{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:999px;background:#ffffff0f;border:1px solid var(--border);font-size:.78rem;margin:.1rem}.input{width:100%;background:#0c1117;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.5rem .65rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.split-pane{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.25fr);gap:1rem;align-items:start}.split-list,.split-detail{min-width:0}.split-list,.split-detail{max-height:calc(100vh - 220px);overflow:auto}.list{display:flex;flex-direction:column;gap:.35rem}.list-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.35rem;padding:.7rem .75rem;border-radius:8px;border:1px solid transparent;background:#ffffff05;color:var(--text)}.list-item:hover{background:#ffffff0a;border-color:var(--border)}.list-item.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.list-item-title{font-weight:600;font-size:.92rem;line-height:1.3}.badge{display:inline-flex;align-items:center;padding:.12rem .45rem;border-radius:999px;border:1px solid var(--border);background:#ffffff0d;font-size:.72rem;text-transform:lowercase;letter-spacing:.02em}.badge-ok{color:#b8f5d4;border-color:color-mix(in srgb,var(--ok) 40%,var(--border));background:#3ecf8e1f}.badge-warn{color:#ffe0a8;border-color:color-mix(in srgb,#e0a24a 45%,var(--border));background:#e0a24a1f}.badge-danger{color:#ffd0d6;border-color:color-mix(in srgb,var(--danger) 45%,var(--border));background:#e35d6a24}.badge-info{color:#b9dbff;border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-soft)}.badge-muted{color:var(--text-muted)}.chip-active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--text)}.meta-box{padding:.85rem .9rem;border-radius:8px;border:1px solid var(--border);background:#0000002e}.message-thread{display:flex;flex-direction:column;gap:.55rem;max-height:320px;overflow:auto}.message-bubble{padding:.65rem .75rem;border-radius:8px;border:1px solid var(--border);background:#ffffff08}.message-bubble.internal{border-color:color-mix(in srgb,#e0a24a 35%,var(--border));background:#e0a24a14}textarea.input{resize:vertical;min-height:80px}@media(max-width:960px){.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.grid-2,.split-pane{grid-template-columns:1fr}.split-list,.split-detail{max-height:none}}