:root{--slack-ink:#1d1c1d;--slack-white:#fff;--slack-border:#ddd;--slack-border-light:#e8e8e8;--slack-charcoal:#2c2c30;--slack-sidebar:#1a1d21;--slack-sidebar-hover:#24272b;--slack-active:#1264a3;--slack-highlight:#e8f5fa;--slack-muted:#616061;--slack-muted-light:#9d9d9d;--slack-green:#2eb67d;--slack-red:#e01e5a;--slack-yellow:#ecb22e;--slack-blue:#36c5f0;--slack-purple:#5d3fd3;--radius:6px;--radius-lg:10px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--topbar-h:56px;--sidebar-w:240px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--slack-white);color:var(--slack-ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}a{color:var(--slack-active);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:var(--font-mono)}.skip-link{background:var(--slack-white);color:var(--slack-active);z-index:9999;border:1px solid var(--slack-border);border-radius:0 0 var(--radius) 0;padding:10px 14px;font-weight:700;position:absolute;top:0;left:-999px}.skip-link:focus-visible{left:0}:focus-visible{outline:2px solid var(--slack-active);outline-offset:2px}.sidebar__brand{margin:0;font-size:15px;line-height:1.3}.shell{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar topbar""sidebar content";height:100vh;display:grid}.topbar{background:var(--slack-white);border-bottom:1px solid var(--slack-border);grid-area:topbar;align-items:center;gap:12px;padding:0 18px;display:flex}.topbar__title{font-size:16px;font-weight:800}.topbar__sub{color:var(--slack-muted);font-size:12px}.topbar__spacer{flex:1}.sidebar{background:var(--slack-sidebar);color:#d8d8d8;flex-direction:column;grid-area:sidebar;gap:2px;padding:14px 10px;display:flex;overflow-y:auto}.sidebar__brand{color:#fff;align-items:center;gap:8px;padding:4px 10px 16px;font-size:17px;font-weight:800;display:flex}.sidebar__section{text-transform:uppercase;letter-spacing:.08em;color:#9d9d9d;padding:12px 10px 4px;font-size:11px;font-weight:700}.nav-item{border-radius:var(--radius);color:#d8d8d8;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:14px;display:flex}.nav-item:hover{background:var(--slack-sidebar-hover)}.nav-item--active{background:var(--slack-active);color:#fff;font-weight:600}.channel-item{border-radius:var(--radius);color:#b8b8b8;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:14px;display:flex}.channel-item:hover{background:var(--slack-sidebar-hover);color:#fff}.channel-item--active{background:var(--slack-active);color:#fff}.content{background:var(--slack-white);grid-area:content;overflow-y:auto}.chat{flex-direction:column;height:100%;display:flex}.chat__header{border-bottom:1px solid var(--slack-border);align-items:center;gap:10px;padding:12px 20px;font-size:16px;font-weight:800;display:flex}.chat__stream{flex:1;padding:16px 20px 40px;overflow-y:auto}.chat__composer{border-top:1px solid var(--slack-border);background:var(--slack-white);gap:10px;padding:14px 20px;display:flex}.msg{border-radius:var(--radius);gap:12px;padding:8px 0;display:flex}.msg:hover{background:var(--slack-border-light)}.msg__avatar{border-radius:var(--radius);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:flex}.msg__avatar--bot{background:var(--slack-green)}.msg__avatar--human{background:var(--slack-blue)}.msg__avatar--slackbot{background:var(--slack-red)}.msg__body{flex:1;min-width:0}.msg__meta{align-items:baseline;gap:8px;display:flex}.msg__user{font-size:14px;font-weight:800}.msg__ts{color:var(--slack-muted-light);font-size:11px}.msg__text{word-break:break-word;white-space:pre-wrap;margin-top:1px}.msg__badge{border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.msg__replies{border-left:3px solid var(--slack-border);margin-left:40px;padding-left:14px}.thread-toggle{color:var(--slack-active);cursor:pointer;background:0 0;border:none;border-radius:4px;min-height:24px;margin-top:2px;padding:6px 8px;font-size:12px;font-weight:600}.thread-toggle:hover{background:var(--slack-highlight)}.chat__composer input,input[type=checkbox]{min-height:24px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--slack-active);flex:none}.card{background:var(--slack-white);border:1px solid var(--slack-border);border-radius:var(--radius-lg);margin-bottom:16px;box-shadow:0 1px 2px #1d1c1d14}.card__header{border-bottom:1px solid var(--slack-border-light);align-items:center;gap:10px;padding:12px 18px;display:flex}.card__header h3{margin:0;font-size:15px;font-weight:800}.card__header p{color:var(--slack-muted);margin:0;font-size:12px}.card__header .spacer{flex:1}.card__body{padding:18px}.card__body--flush{padding:0}.btn{border-radius:var(--radius);border:1px solid var(--slack-border);background:var(--slack-white);color:var(--slack-ink);cursor:pointer;align-items:center;gap:6px;padding:7px 16px;font-size:14px;font-weight:700;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{border-color:var(--slack-muted-light)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--slack-active);border-color:var(--slack-active);color:#fff}.btn--primary:hover{background:#0f5294;border-color:#0f5294}.btn--green{background:var(--slack-green);border-color:var(--slack-green);color:#fff}.btn--red{background:var(--slack-red);border-color:var(--slack-red);color:#fff}.btn--ghost{background:0 0}.btn--sm{min-height:24px;padding:3px 10px;font-size:12px}.field{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.field__control{flex-direction:column;gap:4px;display:flex}.field__label{color:var(--slack-muted);font-size:12px;font-weight:700}.field__hint{color:var(--slack-muted-light);font-size:11px}.input,.select,.textarea{background:var(--slack-white);border:1px solid var(--slack-border);border-radius:var(--radius);color:var(--slack-ink);outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:14px}.input:focus,.select:focus,.textarea:focus{border-color:var(--slack-active);box-shadow:0 0 0 3px #1264a32e}.textarea{resize:vertical;min-height:90px}.form-row{align-items:flex-end;gap:12px;display:flex}.form-row .field{flex:1;margin-bottom:0}.pill{border:1px solid var(--slack-border);background:var(--slack-white);border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex}.pill--green{color:var(--slack-green);border-color:#2eb67d66}.pill--red{color:var(--slack-red);border-color:#e01e5a66}.pill--yellow{color:var(--slack-yellow);border-color:#ecb22e66}.pill--blue{color:var(--slack-active);border-color:#1264a366}.pill--muted{color:var(--slack-muted)}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot--green{background:var(--slack-green)}.dot--red{background:var(--slack-red)}.dot--yellow{background:var(--slack-yellow)}.dot--muted{background:var(--slack-muted-light)}.dot--pulse{animation:1.6s infinite pulse}.row{border-bottom:1px solid var(--slack-border-light);align-items:center;gap:10px;padding:10px 18px;display:flex}button.row--button{border:none;border-bottom:1px solid var(--slack-border-light);width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border-radius:0}button.row--button:last-child{border-bottom:none}button.row--button:hover{background:var(--slack-border-light)}.row:last-child{border-bottom:none}.row:hover{background:var(--slack-border-light)}.row__main{flex:1;min-width:0}.row__title{font-weight:700}.row__sub{color:var(--slack-muted);font-size:12px}.row__meta{align-items:center;gap:8px;display:flex}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;text-transform:uppercase;color:var(--slack-muted);border-bottom:1px solid var(--slack-border);background:var(--slack-border-light);padding:8px 18px;font-size:11px;font-weight:700}.table td{border-bottom:1px solid var(--slack-border-light);padding:9px 18px}.table tbody tr:hover{background:var(--slack-border-light)}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat{background:var(--slack-white);border:1px solid var(--slack-border);border-radius:var(--radius-lg);padding:14px 16px}.stat__label{text-transform:uppercase;color:var(--slack-muted);font-size:11px;font-weight:700}.stat__value{font-variant-numeric:tabular-nums;margin-top:4px;font-size:26px;font-weight:800}.stat__sub{color:var(--slack-muted);font-size:11px}.empty{text-align:center;color:var(--slack-muted);padding:36px 18px}.empty__icon{opacity:.4;margin-bottom:8px;font-size:28px}.empty__title{color:var(--slack-ink);font-weight:800}.empty__hint{color:var(--slack-muted-light);font-size:12px}.loading{color:var(--slack-muted);justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.spinner{border:2px solid var(--slack-border);border-top-color:var(--slack-active);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.alert{border-radius:var(--radius);border:1px solid;margin-bottom:12px;padding:10px 14px;font-size:13px}.alert--error{color:#c00a46;background:#e01e5a14;border-color:#e01e5a66}.alert--success{color:#157347;background:#2eb67d14;border-color:#2eb67d66}.alert--warn{color:#8a6d00;background:#ecb22e1a;border-color:#ecb22e66}.alert--info{color:#0b4d80;background:#1264a314;border-color:#1264a366}.code-block{border:1px solid var(--slack-border);border-radius:var(--radius);font-family:var(--font-mono);white-space:pre;color:var(--slack-ink);background:#f8f8f8;margin:0;padding:12px;font-size:12px;overflow-x:auto}.code-block--compact{padding:6px 10px;font-size:11px}.mono{font-family:var(--font-mono)}.muted{color:var(--slack-muted)}.small{font-size:12px}.flex1{flex:1}.hstack{align-items:center;gap:8px;display:flex}.hstack--between{justify-content:space-between}.stack{flex-direction:column;gap:12px;display:flex}.stack--sm{gap:6px}.divider{background:var(--slack-border-light);height:1px;margin:12px 0}.tabs{border-bottom:1px solid var(--slack-border);gap:2px;margin-bottom:16px;display:flex}.tab{color:var(--slack-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-size:13px;font-weight:700}.tab:hover{color:var(--slack-ink)}.tab--active{color:var(--slack-active);border-bottom-color:var(--slack-active)}.fade-in{animation:.18s ease-out fadeIn}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.shell{grid-template:"topbar""sidebar""content"1fr/1fr}.sidebar{flex-direction:row;overflow-x:auto}.sidebar__brand{display:none}}