:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation;-webkit-tap-highlight-color:#145db829}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.loading-screen,.login-screen{background:linear-gradient(135deg,#1359b614,#0000 36%),linear-gradient(315deg,#238f731f,#0000 42%),#f6f8fb;place-items:center;min-height:100vh;padding:24px;display:grid}.loading-screen{color:#3f5877;gap:10px;display:flex}.spin{animation:1s linear infinite spin}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes spin{to{transform:rotate(360deg)}}.skip-link{z-index:1000;color:#fff;background:#145db8;border-radius:7px;padding:9px 12px;font-weight:800;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus-visible{outline:3px solid #fff;transform:translateY(0);box-shadow:0 0 0 5px #145db859}.login-panel{background:#fff;border:1px solid #dde5ef;border-radius:8px;width:min(460px,100%);padding:34px;box-shadow:0 20px 60px #1f2d3d1f}.login-brand,.brand,.user-card,.form-section-title,.header-actions,.button-row,.inline-fields,.capability-row{align-items:center;display:flex}.login-brand{gap:16px;margin-bottom:28px}.login-brand h1,.page-header h1,.chat-header h1,.workspace.centered h1{letter-spacing:0;text-wrap:balance;margin:0}.login-brand h1{font-size:28px;line-height:1.2}.login-brand p,.page-header p,.chat-header p,.workspace.centered p{color:#61718a;margin:6px 0 0;line-height:1.55}.brand-mark{color:#fff;background:#145db8;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;display:grid}.brand-mark.large{width:56px;height:56px}.form-stack,.form-grid{gap:16px;display:grid}.min-w-0{min-width:0}label{color:#33425a;gap:7px;font-size:13px;font-weight:650;display:grid}input,textarea,select{color:#172033;outline-offset:2px;background:#fff;border:1px solid #d5dfeb;border-radius:7px;outline:2px solid #0000;width:100%;padding:10px 12px}label small,.field-help{color:#6b7d94;font-size:12px;font-weight:500;line-height:1.45}textarea{resize:vertical}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{border-color:#145db8;outline-color:#145db8;box-shadow:0 0 0 3px #145db824}.primary-button,.secondary-button,.danger-button,.danger-icon-button,.icon-text-button,.icon-button,.nav-item{border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:#145db8}.primary-button:hover{background:#0e4c98}.secondary-button,.icon-text-button.secondary{color:#17385f;background:#e8f0fb}.secondary-button:hover,.icon-text-button.secondary:hover,.icon-button:hover{background:#dce8f7}.danger-button{color:#a7272f;background:#fde9ea}.danger-icon-button{color:#a7272f;background:#fff1f2;border:1px solid #f6c9ce;width:38px;padding:0}.danger-icon-button:hover{color:#8e1f27;background:#fde3e6}.icon-button{color:#38516e;background:#eef3f9;width:38px;padding:0}.icon-button.danger{color:#9d242c;background:#fbe9eb}.form-error,.inline-error{color:#9d242c;background:#fff1f2;border:1px solid #f4b7bd;border-radius:7px;padding:10px 12px;font-size:14px}.inline-error{justify-content:space-between;gap:16px;margin-bottom:16px;display:flex}.toast-region{z-index:20;margin-bottom:16px;position:sticky;top:12px}.toast{box-shadow:0 12px 30px #1f2d3d1a}.status-banner{color:#146b58;background:#eaf8f4;border:1px solid #b8e0d5;border-radius:7px;padding:10px 12px;font-weight:750}.inline-error button{color:#9d242c;background:0 0;border:0;font-weight:700}.app-shell{grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#dce7f6;background:#10243c;flex-direction:column;gap:22px;min-height:100vh;padding:22px;display:flex}.brand{gap:12px}.brand strong,.user-card strong{color:#fff;font-size:15px;display:block}.brand span,.user-card span{color:#9fb2ca;align-items:center;gap:5px;margin-top:3px;font-size:12px;display:flex}.nav-list{gap:6px;display:grid}.nav-item{color:#c3d2e5;background:0 0;justify-content:flex-start;width:100%}.nav-item:hover,.nav-item.active{color:#fff;background:#1c385c}.sidebar-footer{gap:12px;margin-top:auto;display:grid}.user-card{gap:10px}.avatar{color:#14365f;background:#d9e9ff;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.main-surface{min-width:0;padding:28px}.workspace,.chat-workspace{gap:18px;display:grid}.users-workspace{max-width:1560px}.workspace.centered{text-align:center;color:#405775;align-content:center;place-items:center;min-height:calc(100vh - 56px)}.page-header,.chat-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-header h1,.chat-header h1,.workspace.centered h1{font-size:28px;line-height:1.2}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.metrics-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metrics-strip>div{background:#fff;border:1px solid #dde5ef;border-radius:8px;padding:16px}.metrics-strip span{color:#607189;margin-bottom:6px;font-size:12px;display:block}.metrics-strip strong{font-variant-numeric:tabular-nums;font-size:22px}.split-layout{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.two-column{grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.users-layout{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.list-panel,.detail-panel,.capability-panel{background:#fff;border:1px solid #dde5ef;border-radius:8px}.list-panel{gap:8px;padding:10px;display:grid}.list-panel.wide{padding:16px}.user-create-panel,.users-panel{background:#fff;border:1px solid #dde5ef;border-radius:8px;padding:18px}.user-create-form{margin-top:14px}.detail-panel{padding:0;overflow:hidden}.capability-panel{background:#fbfdff;border:0;border-top:1px solid #e4ebf4;border-radius:0;margin-top:16px;padding:18px}.agent-row{text-align:left;content-visibility:auto;contain-intrinsic-size:72px;background:#fff;border:1px solid #0000;border-radius:7px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:72px;padding:12px;display:grid}.agent-row:hover,.agent-row.selected{background:#f4f8fd;border-color:#c9d8eb}.agent-icon{color:#145db8;background:#e8f0fb;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.agent-row strong,.capability-row strong,.user-row strong{color:#1d2a3d;font-size:14px;display:block}.agent-row small,.capability-row small,.user-row small{color:#65758b;overflow-wrap:anywhere;margin-top:4px;font-size:12px;display:block}.status{color:#18715d;font-size:12px;font-style:normal}.status.off{color:#9d242c}.form-grid{gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-section-title{color:#263851;gap:8px;font-weight:800}.employee-form{display:grid}.detail-hero{background:linear-gradient(#fff 0%,#f8fbff 100%);border-bottom:1px solid #e4ebf4;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;display:grid}.detail-hero h2{color:#172033;letter-spacing:0;margin:0;font-size:20px;line-height:1.25}.detail-hero p{color:#62738a;overflow-wrap:anywhere;margin:4px 0 0;line-height:1.45}.agent-avatar-large{color:#145db8;background:#e8f0fb;border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.detail-hero-meta{justify-items:end;gap:10px;min-width:max-content;display:grid}.unsaved-pill{color:#8a4b10;background:#fff4df;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.detail-actions{background:#fff;border:1px solid #e2eaf4;border-radius:8px;justify-content:flex-end;align-items:center;gap:8px;padding:4px;display:inline-flex;box-shadow:0 1px 2px #1f2d3d0a}.form-action-bar{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-top:1px solid #e4ebf4;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;position:sticky;bottom:0}.form-action-bar strong{color:#22334a;font-size:13px;display:block}.form-action-bar small{color:#6b7d94;margin-top:3px;font-size:12px;display:block}.detail-actions .primary-button,.detail-actions .secondary-button{min-height:34px;padding:0 12px;font-size:13px}.detail-actions .danger-icon-button{width:34px;min-height:34px}.state-pill{color:#146b58;background:#e7f7f2;border-radius:999px;justify-content:center;align-items:center;min-width:64px;min-height:30px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.state-pill.off{color:#9d242c;background:#fde9ea}.form-section{border-bottom:1px solid #edf2f7;gap:14px;padding:18px;display:grid}.section-heading{gap:4px;display:grid}.section-heading.with-icon{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:9px}.section-heading span{color:#1f3047;font-size:15px;font-weight:850}.section-heading p{color:#66788f;margin:0;font-size:13px;line-height:1.5}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.choice-field{background:#fff;border:1px solid #dce5f0;border-radius:8px;padding:12px}.inline-fields{gap:12px}.inline-fields>label{flex:1}.toggle-line{background:#fff;border:1px solid #dce5f0;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.toggle-line input{width:auto;margin-top:3px}.toggle-line strong{color:#22334a;font-size:13px;display:block}.toggle-line small{margin-top:3px;display:block}.button-row{flex-wrap:wrap;gap:10px}.capability-groups{gap:14px;margin:14px 0;display:grid}.capability-group{background:#fff;border:1px solid #dce5f0;border-radius:8px;overflow:hidden}.capability-group-heading{background:#f6f9fd;border-bottom:1px solid #e7edf5;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 14px 12px;display:flex}.capability-group-heading h3{color:#1f3047;letter-spacing:0;margin:0;font-size:15px;line-height:1.25}.capability-group-heading p{color:#65778d;margin:4px 0 0;font-size:12px;line-height:1.45}.capability-group-heading>span{color:#174b83;background:#e7f0fb;border-radius:999px;justify-content:center;align-items:center;min-width:48px;min-height:28px;font-size:12px;font-weight:800;display:inline-flex}.capability-list{gap:0;display:grid}.capability-row,.user-row{border:1px solid #e1e8f1;border-radius:7px;justify-content:space-between;gap:14px;padding:10px 12px}.capability-row.toggle-row{background:#fff;border-bottom:0;border-left:0;border-right:0;border-radius:0;min-height:58px}.capability-row.toggle-row+.capability-row.toggle-row{border-top:1px solid #edf2f7}.switch-control{color:#40536c;-webkit-user-select:none;user-select:none;grid-template-columns:none;align-items:center;gap:8px;width:auto;font-size:12px;font-weight:800;display:inline-flex}.switch-control input{appearance:none;background:#ccd7e5;border:0;border-radius:999px;width:42px;height:24px;margin:0;transition:background .16s;position:relative;box-shadow:inset 0 0 0 1px #283d5514}.switch-control input:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #1f2d3d33}.switch-control input:checked{background:#145db8}.switch-control input:checked:before{transform:translate(18px)}.switch-control input:disabled{opacity:.55}.row-error{color:#9d242c!important;font-weight:700!important}.modal-backdrop{z-index:100;overscroll-behavior:contain;background:#10243c6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{background:#fff;border:1px solid #f2c6cb;border-radius:8px;grid-template-columns:42px minmax(0,1fr);gap:14px;width:min(460px,100%);padding:18px;display:grid;box-shadow:0 24px 70px #10243c38}.confirm-dialog h2{color:#172033;margin:0;font-size:18px;line-height:1.25}.confirm-dialog p{color:#5f7087;margin:8px 0 0;line-height:1.55}.danger-mark{color:#a7272f;background:#fde9ea;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.dialog-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;display:flex}.compact-form{gap:10px}.raw-details{color:#53657c;margin-top:12px}.raw-details summary{cursor:pointer;font-weight:700}.raw-details pre{background:#f4f7fb;border-radius:7px;max-height:240px;padding:12px;overflow:auto}.empty-state,.empty-chat{color:#63748a;text-align:center;padding:24px}.empty-state.compact{padding:12px}.user-row{justify-content:space-between;align-items:center;gap:18px;min-height:76px;margin-top:10px;display:flex}.user-row select{min-width:128px}.external-id{align-items:center;gap:8px;max-width:100%;display:flex!important}.external-id-label{white-space:nowrap;flex:none}.external-id-value{align-items:center;gap:6px;min-width:0;display:inline-flex}.external-id code{color:#475a73;text-overflow:ellipsis;white-space:nowrap;max-width:clamp(140px,24vw,360px);overflow:hidden}.inline-icon-button{color:#38516e;background:#eef3f9;border:0;border-radius:6px;place-items:center;width:24px;height:24px;display:inline-grid}.role-editor{flex:none;align-items:center;gap:8px;display:inline-flex}.role-editor select{min-width:132px}.role-editor .secondary-button{min-height:34px;padding:0 10px;font-size:13px}.chat-layout{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:stretch;gap:16px;height:calc(100vh - 56px);min-height:620px;display:grid}.chat-agent-panel{background:#fff;border:1px solid #dde5ef;border-radius:8px;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.chat-agent-panel-header{background:#f8fbff;border-bottom:1px solid #e4ebf4;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.chat-agent-panel-header h2{color:#172033;letter-spacing:0;margin:0;font-size:18px;line-height:1.25}.chat-agent-panel-header p{color:#66788f;margin:4px 0 0;font-size:12px}.chat-agent-list{align-content:start;gap:8px;min-height:0;padding:10px;display:grid;overflow:auto}.chat-agent-row{text-align:left;background:#fff;border:1px solid #0000;border-radius:7px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:70px;padding:11px;display:grid}.chat-agent-row:hover,.chat-agent-row.selected{background:#f4f8fd;border-color:#c9d8eb}.chat-agent-row:disabled{opacity:.58}.chat-agent-row strong{color:#1d2a3d;text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.chat-agent-row small{color:#65758b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.chat-workspace{grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.connection-status{color:#314963;background:#edf3f9;border-radius:7px;align-items:center;min-height:34px;padding:0 10px;font-size:13px;display:inline-flex}.connection-status.ready{color:#146b58;background:#e7f7f2}.connection-status.connecting,.connection-status.reconnecting{color:#174b83;background:#e7f0fb}.connection-status.error{color:#9d242c;background:#fde9ea}.message-list{background:#fff;border:1px solid #dde5ef;border-radius:8px;flex-direction:column;gap:12px;min-height:0;padding:18px;display:flex;overflow:auto}.empty-chat{place-items:center;gap:8px;margin:auto;display:grid}.message{background:#f1f5fa;border-radius:8px;max-width:min(760px,92%);padding:12px 14px}.message.user{color:#fff;background:#145db8;align-self:flex-end}.message span{opacity:.78;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.6}.chat-input{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}@media (width<=920px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;min-height:auto;padding:14px 16px;display:grid;position:sticky;top:0}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-item{white-space:nowrap;justify-content:center}.sidebar-footer{margin-top:0}.user-card{display:none}.split-layout,.two-column,.users-layout,.metrics-strip,.form-grid.two,.choice-grid{grid-template-columns:1fr}.page-header,.chat-header{display:grid}.detail-hero{grid-template-columns:46px minmax(0,1fr)}.detail-hero-meta{grid-column:1/-1;justify-content:space-between;align-items:center;min-width:0;display:flex}.chat-workspace{height:auto;min-height:calc(100vh - 220px)}.chat-layout{grid-template-columns:1fr;height:auto;min-height:0}.chat-agent-panel{max-height:320px}}@media (width<=620px){.main-surface{padding:18px}.sidebar{grid-template-columns:1fr;gap:12px;padding:14px 16px}.nav-list{grid-template-columns:repeat(3,minmax(max-content,1fr));padding-bottom:2px;overflow-x:auto}.nav-item{min-width:104px;min-height:40px}.sidebar-footer .secondary-button{width:100%}.inline-fields,.button-row,.detail-actions,.header-actions{width:100%;display:grid}.detail-hero-meta{justify-items:stretch;display:grid}.detail-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px}.form-action-bar,.dialog-actions,.role-editor,.user-row{justify-items:stretch;display:grid}.external-id{flex-direction:column;align-items:flex-start;gap:4px}.external-id code{max-width:100%}.form-action-bar{position:static}.chat-input{grid-template-columns:1fr}}