:root{color-scheme:light;--color-background: #ffffff;--color-surface: #fafafa;--color-surface-secondary: #f1f5f9;--color-surface-tertiary: #e2e8f0;--color-card: #ffffff;--color-card-hover: #f8fafc;--color-card-raised: #f1f5f9;--color-card-border: #e2e8f0;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-border: #e2e8f0;--color-border-secondary: #cbd5e1;--color-primary: #2563eb;--color-success: #05df72;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--color-brand-purple: #6209bb;--color-brand-indigo: #382686;--color-brand-ink: #ffffff;--color-accent-indigo: #6763ee;--color-button: #000000;--color-button-hover: #1a1a1a;--color-button-text: #ffffff;--color-scrollbar-thumb: rgba(148, 163, 184, .4);--shadow-popover: 0 8px 24px rgba(15, 23, 42, .12);--tint-primary: color-mix(in srgb, var(--color-primary) 30%, transparent);--tint-success: color-mix(in srgb, var(--color-success) 14%, transparent);--tint-warning: color-mix(in srgb, var(--color-warning) 14%, transparent);--tint-danger: color-mix(in srgb, var(--color-danger) 12%, transparent);--tint-info: color-mix(in srgb, var(--color-info) 14%, transparent);--tint-indigo: color-mix(in srgb, var(--color-accent-indigo) 14%, transparent);--radius-lg: 10px;--radius-md: 8px;--radius-full: 9999px;--control-sm: 32px;--control-md: 36px;--sidebar-width: 240px;--sidebar-collapsed: 64px;--header-height: 60px;--content-max: 1536px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace}.dark{color-scheme:dark;--color-background: #0f1419;--color-surface: #0a0a0a;--color-surface-secondary: #ffffff08;--color-surface-tertiary: #334155;--color-card: #1e293b;--color-card-hover: #ffffff08;--color-card-raised: #ffffff17;--color-card-border: #232f43;--color-text: #e2e8f0;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280;--color-border: #ffffff17;--color-border-secondary: #334155;--color-button: #ededed;--color-button-hover: #ededede6;--color-button-text: #000000;--color-scrollbar-thumb: rgba(71, 85, 105, .4);--shadow-popover: 0 8px 24px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ol,ul,figure{margin:0}code,.mono{font-family:var(--font-mono);font-size:12px}a{color:var(--color-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-full)}*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) transparent}.icon{flex-shrink:0}.shell{display:flex;min-height:100%}.sidebar{position:sticky;top:0;align-self:flex-start;display:flex;flex-direction:column;flex-shrink:0;width:var(--sidebar-width);height:100vh;background:var(--color-surface);border-right:1px solid var(--color-border);transition:width .15s ease}.shell.collapsed .sidebar{width:var(--sidebar-collapsed)}.sidebar-head{display:flex;align-items:center;gap:10px;height:var(--header-height);padding:0 12px;border-bottom:1px solid var(--color-border)}.brand-mark{display:grid;place-items:center;flex-shrink:0;width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-md);background:var(--color-brand-indigo);color:var(--color-brand-ink);font-size:13px;font-weight:600}.brand-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden}.brand-name span{color:var(--color-text-secondary);font-style:italic;font-weight:500}.sidebar nav{display:flex;flex-direction:column;gap:2px;padding:12px 8px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;height:var(--control-md);padding:0 10px;border:1px solid transparent;border-radius:var(--radius-md);background:none;color:var(--color-text-secondary);font:inherit;font-size:13px;text-align:left;white-space:nowrap;overflow:hidden;cursor:pointer}.nav-item:hover{background:var(--color-card-hover);color:var(--color-text)}.nav-item[aria-current=page]{background:var(--color-card-raised);border-color:var(--color-border);color:var(--color-text);font-weight:600}.sidebar-foot{margin-top:auto;padding:12px 16px;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:12px;white-space:nowrap;overflow:hidden}.shell.collapsed .brand-name,.shell.collapsed .nav-item span,.shell.collapsed .sidebar-foot{display:none}.shell.collapsed .sidebar-head,.shell.collapsed .nav-item{justify-content:center;padding:0}.main{display:flex;flex-direction:column;flex:1;min-width:0}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;height:var(--header-height);padding:0 20px;background:var(--color-background);border-bottom:1px solid var(--color-border)}.topbar h1{flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{flex:1;padding:24px 20px 48px}.content-inner{display:flex;flex-direction:column;gap:20px;max-width:var(--content-max);margin:0 auto}.panel{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg)}.panel-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border)}.panel-head h2{flex:1;min-width:0;font-size:13px;font-weight:600}.panel-body{padding:16px}.eyebrow{color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.muted{color:var(--color-text-secondary);font-size:13px}.hint{color:var(--color-text-muted);font-size:12px}.scroll-x{overflow-x:auto}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.policies-view{display:flex;flex-direction:column;gap:20px}.policies-view .row>label{min-width:0;max-width:100%}.policies-view input:not([type=checkbox]),.policies-view select{min-width:0;max-width:100%}.policies-view .hint{overflow-wrap:anywhere}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px 16px;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}th{color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--color-card-hover)}.badge{display:inline-flex;align-items:center;padding:1px 8px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-secondary);color:var(--color-text-secondary);font-size:11px;font-weight:600}.badge.llm{background:var(--tint-indigo);border-color:var(--tint-indigo);color:var(--color-accent-indigo)}.badge.channel{background:var(--tint-info);border-color:var(--tint-info);color:var(--color-info)}.badge.connector{background:var(--tint-warning);border-color:var(--tint-warning);color:var(--color-warning)}.badge.auth{background:var(--tint-success);border-color:var(--tint-success);color:var(--color-success)}.pill{display:inline-flex;align-items:center;gap:6px;height:var(--control-sm);padding:0 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:12px}.dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-text-muted)}.dot.ok{background:var(--color-success)}.dot.bad{background:var(--color-danger)}button{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--control-sm);padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-text);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer}.btn:hover:not(:disabled){background:var(--color-card-hover);border-color:var(--color-border-secondary)}.btn.primary{border-color:transparent;background:var(--color-button);color:var(--color-button-text);font-weight:600}.btn.primary:hover:not(:disabled){background:var(--color-button-hover);border-color:transparent}.btn.danger:hover:not(:disabled){background:var(--tint-danger);border-color:var(--color-danger);color:var(--color-danger)}.btn.icon-only{width:var(--control-sm);padding:0}.btn:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--tint-primary);border-radius:var(--radius-md)}label{display:flex;flex-direction:column;gap:6px;color:var(--color-text-secondary);font-size:12px;font-weight:600}label.check{flex-direction:row;align-items:center;gap:8px;height:var(--control-md);color:var(--color-text)}input,select,textarea{height:var(--control-sm);padding:0 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text);font-family:inherit;font-size:13px;font-weight:500}input:hover,select:hover,textarea:hover{border-color:var(--color-border-secondary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--tint-primary)}textarea{height:auto;min-height:var(--control-md);padding:8px 10px;line-height:1.5;resize:vertical}input[type=checkbox]{width:16px;height:16px;padding:0;accent-color:var(--color-button)}.seg{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-secondary)}.seg button{height:26px;padding:0 10px;border:none;border-radius:6px;background:none;color:var(--color-text-secondary);font-size:12px;font-weight:500;cursor:pointer}.seg button[aria-pressed=true]{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text);font-weight:600}.search{position:relative;display:flex;align-items:center;flex:1;min-width:180px}.search .icon{position:absolute;left:8px;color:var(--color-text-muted)}.search input{width:100%;padding-left:32px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.tile{padding:16px;background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg)}.panel-body .tile{background:var(--color-surface-secondary)}.tile .num{margin-top:6px;font-size:24px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.rows{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.rows>li{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border)}.rows>li:last-child{border-bottom:none}.rows>li:hover{background:var(--color-card-hover)}.row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.row-title{font-size:13px;font-weight:600;word-break:break-all}.row-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--color-text-muted);font-size:12px}.ordinal{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;margin-top:6px;border-radius:var(--radius-full);background:var(--color-surface-secondary);color:var(--color-text-muted);font-size:11px;font-weight:600}.row-actions{display:flex;gap:4px}.state{display:flex;align-items:flex-start;gap:10px;padding:16px;border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:13px}.state.inline{padding:24px 16px;justify-content:center;text-align:center}.state.error{background:var(--tint-danger);border:1px solid var(--color-danger);color:var(--color-danger)}.state.warn{background:var(--tint-warning);border:1px solid var(--tint-warning);color:var(--color-text)}.state strong{font-weight:600}.state pre{margin:6px 0 0;font-family:var(--font-mono);font-size:12px;white-space:pre-wrap;word-break:break-word}.err-text{color:var(--color-danger);font-size:12px;font-weight:500}.auth-screen{display:grid;place-items:center;min-height:100%;padding:24px;background:var(--color-surface)}.auth-card{display:flex;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:24px;background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-popover)}.auth-head{display:flex;align-items:center;gap:12px}.auth-head .brand-name{margin:0;font-size:15px}.auth-head .hint{margin:2px 0 0}.auth-card label .hint{font-weight:500}.auth-card .btn{height:var(--control-md)}.auth-foot{margin:0;text-align:center}.sso-list{display:flex;flex-direction:column;gap:8px}a.btn{text-decoration:none;color:var(--color-text)}.btn.sso{justify-content:flex-start;gap:10px;width:100%;height:var(--control-md);font-weight:600}.sso-monogram{display:grid;place-items:center;flex-shrink:0;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-surface-tertiary);color:var(--color-text-secondary);font-size:10px;font-weight:700}.divider{display:flex;align-items:center;gap:10px;color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-alt{display:flex;flex-direction:column;gap:16px;margin:0}.btn.quiet{border-color:transparent;background:none;color:var(--color-text-secondary);font-weight:500}.btn.quiet:hover:not(:disabled){background:var(--color-card-hover);border-color:transparent;color:var(--color-text)}.tenant{position:relative}.tenant-current{max-width:200px}.tenant-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:flex;flex-direction:column;gap:2px;min-width:220px;max-height:320px;padding:4px;overflow-y:auto;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-popover)}.menu-item{display:flex;align-items:center;gap:8px;height:var(--control-md);padding:0 10px;border:none;border-radius:var(--radius-md);background:none;color:var(--color-text-secondary);font:inherit;font-size:13px;text-align:left;cursor:pointer}.menu-item:hover{background:var(--color-card-hover);color:var(--color-text)}.menu-item[aria-current=true]{color:var(--color-text);font-weight:600}.menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill.user{min-width:0;max-width:260px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text)}.pill.user .who{min-width:0;overflow:hidden;text-overflow:ellipsis}.pill.user .via{flex-shrink:0;color:var(--color-text-muted);font-size:11px}.pill.user .via:before{content:"·";margin-right:6px}.toasts{position:fixed;right:16px;bottom:16px;z-index:50;display:flex;flex-direction:column;gap:8px;max-width:min(380px,calc(100vw - 32px))}.toast{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid var(--color-border);border-left:3px solid var(--color-text-muted);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-popover);color:var(--color-text);font-size:13px}.toast.success{border-left-color:var(--color-success)}.toast.error{border-left-color:var(--color-danger)}.connections-view{display:flex;flex-direction:column;gap:20px}.connections-intro{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:20px}.connections-intro>div:first-child{max-width:640px}.connections-intro h2{margin-bottom:8px;font-size:24px;font-weight:600;letter-spacing:-.025em}.connections-intro p{color:var(--color-text-secondary);font-weight:400}.connection-actions{display:flex;flex-wrap:wrap;gap:8px}.connections-list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.connections-list-head h2{font-size:16px}.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.connection-card{min-width:0}.connection-card .panel-head{align-items:flex-start}.connection-heading{flex:1;min-width:0}.connection-heading h3{font-size:15px;overflow-wrap:anywhere}.connection-card .pill{flex-shrink:0}.field-help{display:block;color:var(--color-text-secondary);font-size:12px;line-height:1.6;font-weight:400;overflow-wrap:anywhere}.connection-copy{display:flex;align-items:flex-start;gap:8px;margin-top:4px}.connection-copy code{flex:1;min-width:0;align-self:center;overflow-wrap:anywhere}.connection-copy button{flex-shrink:0}.connection-details{display:grid;gap:10px;margin:0}.connection-details dt{color:var(--color-text-secondary);font-size:12px}.connection-details dd{margin:2px 0 0;font-size:13px;overflow-wrap:anywhere}.credential-status{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;padding:0;color:var(--color-text-secondary);font-size:12px}.credential-status li{display:flex;align-items:center;gap:6px}.connection-setup{padding-top:12px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-text-secondary)}.connection-setup summary{color:var(--color-text);cursor:pointer;padding:4px 0}.connection-setup p{margin-top:8px;line-height:1.7}.connection-editor{border-color:var(--color-border-secondary)}.connection-editor .panel-head h2{font-size:16px}.connection-editor .panel-body{gap:20px}.connection-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.connection-fields>label{min-width:0}.connection-editor input,.tenant-dialog input{width:100%;height:40px}.connection-editor fieldset{min-width:0;margin:0;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.connection-editor legend{padding:0 6px;font-size:13px;font-weight:600}.connection-credentials>p{margin-bottom:12px}.connection-editor label.check{height:auto;min-height:36px;font-weight:500}.connection-editor input[type=radio],.connection-editor input[type=checkbox]{width:16px;height:16px;flex-shrink:0;accent-color:var(--color-button)}.source-options{display:grid;gap:8px;margin-top:12px}.source-option{display:flex;flex-direction:row;align-items:flex-start;gap:10px;padding:10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.source-option input{margin-top:3px}.source-option strong{color:var(--color-text);overflow-wrap:anywhere}.tenant-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-popover)}.tenant-dialog::backdrop{background:color-mix(in srgb,var(--color-text) 30%,transparent)}.tenant-dialog h2{font-size:20px}@media(max-width:1100px){.connection-grid{grid-template-columns:minmax(0,1fr)}.topbar>.pill:not(.user){display:none}}@media(max-width:720px){.topbar{display:grid;grid-template-columns:32px minmax(0,1fr) 32px 32px;height:auto;min-height:var(--header-height);gap:8px;padding:10px 12px}.topbar h1{grid-column:2 / -1}.topbar .tenant{grid-column:1 / 3;min-width:0}.topbar .tenant-current{width:100%;max-width:100%}.topbar>button[aria-label="Sign out"]{grid-column:3}.topbar>button:last-child{grid-column:4}.topbar .pill.user{display:none}.topbar .btn.icon-only{flex-shrink:0}.tenant .menu{left:0;right:auto;min-width:0;width:min(280px,calc(100vw - 90px))}.connection-fields{grid-template-columns:minmax(0,1fr)}.connections-intro h2{font-size:22px}.connections-view .panel-head,.connections-view .panel-body{padding:12px}.connection-card .panel-head{gap:8px;flex-wrap:wrap}.connection-editor fieldset{padding:12px}.connections-view .btn{min-height:36px;height:auto;white-space:normal}.connections-view .btn.icon-only{height:36px}.shell{--sidebar-width: var(--sidebar-collapsed)}.shell .brand-name,.shell .nav-item span,.shell .sidebar-foot{display:none}.shell .sidebar-head,.shell .nav-item{justify-content:center;padding:0}.content{padding:16px 12px 32px}.pill.user{max-width:104px}.pill.user .via{display:none}.tenant-current{max-width:120px}}
