:root{--ink:#303f5f;--ink-strong:#1f2a42;--page:#f9fafb;--surface:#fff;--muted:#64748b;--line:#dde3ed;--blue:#19e;--blue-dark:#0676c2;--success:#16805f;--warning:#a36108;--shadow:0 18px 48px #303f5f21;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font);color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--page)}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{background:linear-gradient(180deg, #fffc, #f9fafbeb), var(--page);grid-template-columns:288px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:30;color:#fff;background:var(--ink);flex-direction:column;gap:28px;height:100vh;padding:28px;display:flex;position:sticky;top:0}.menu-backdrop{display:none}.brand{align-items:center;gap:14px;display:flex}.brand-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0}.brand-button strong{color:#fff;font-size:22px;line-height:1.1;display:block}.logo-mark{background:#fff;border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:54px;height:54px;display:grid}.logo-mark img{object-fit:contain;width:42px;height:42px}.login-page{background:radial-gradient(circle at top left, #1199ee1f, transparent 32%), linear-gradient(180deg, #fff, var(--page));grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:22px;min-height:100vh;padding:32px;display:grid}.login-hero,.login-panel{box-shadow:var(--shadow);border-radius:8px}.login-hero{color:#fff;background:linear-gradient(135deg, #303f5ffa, #1c263afa), var(--ink);flex-direction:column;justify-content:space-between;min-height:calc(100vh - 64px);padding:34px;display:flex}.login-brand{align-items:center;gap:14px;display:flex}.login-hero h2{color:#fff;max-width:760px;font-size:clamp(40px,6vw,72px);line-height:.98}.login-copy{color:#ffffffc2;max-width:620px;margin:18px 0 0;font-size:17px;line-height:1.6}.login-highlights{flex-wrap:wrap;gap:10px;display:flex}.login-highlights span{color:#ffffffd1;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:800}.login-panel{border:1px solid var(--line);background:var(--surface);align-self:center;padding:28px}.form-error{color:var(--warning);background:#a3610814;border:1px solid #a361083d;border-radius:8px;margin-bottom:0;padding:10px 12px;font-size:14px;font-weight:700}.form-success{color:var(--success);background:#16805f14;border:1px solid #16805f3d;border-radius:8px;margin-bottom:0;padding:10px 12px;font-size:14px;font-weight:700}.empty-state{color:var(--muted);margin-bottom:0;line-height:1.55}.session-loading{background:radial-gradient(circle at center, #1199ee14, transparent 34%), var(--page);place-items:center;min-height:100vh;padding:24px;display:grid}.session-loading-card{border:1px solid var(--line);background:var(--surface);width:min(100%,360px);box-shadow:var(--shadow);text-align:center;border-radius:8px;justify-items:center;gap:18px;padding:28px;display:grid}.session-loading-card .logo-mark{border-color:var(--line);box-shadow:0 10px 24px #303f5f1f}.session-loading-card .eyebrow{color:var(--blue-dark)}.session-loading-card h3{margin-bottom:0}.loading-bar{background:#eef4fb;border-radius:999px;width:100%;height:5px;position:relative;overflow:hidden}.loading-bar:after{content:"";inset-block:0;border-radius:inherit;background:var(--ink);width:42%;animation:1.15s ease-in-out infinite loading-slide;position:absolute;left:-45%}@keyframes loading-slide{0%{transform:translate(0)}to{transform:translate(345%)}}.eyebrow{color:inherit;letter-spacing:0;text-transform:uppercase;opacity:.72;margin:0 0 6px;font-size:12px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{color:#fff;margin-bottom:0;font-size:22px;line-height:1.1}h2{color:var(--ink-strong);margin-bottom:0;font-size:28px;line-height:1.18}h3{color:var(--ink-strong);margin-bottom:0;font-size:20px;line-height:1.2}.role-switch{background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.role-switch button{color:#fffc;background:0 0;border:0;border-radius:6px;min-height:40px;font-weight:700}.role-switch button.active{color:var(--ink);background:#fff}.signed-in-card{background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;gap:8px;padding:14px;display:grid}.signed-in-card span{color:#ffffffb3;text-transform:uppercase;font-size:12px;font-weight:800}.signed-in-card strong{color:#fff;word-break:break-word;font-size:14px}.signed-in-card button{color:#fff;background:#ffffff17;border:1px solid #fff3;border-radius:6px;min-height:36px;font-weight:800}.signed-in-card button:hover{background:#ffffff29}nav{gap:8px;display:grid}nav a,nav button{color:#ffffffc7;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;padding:12px 14px;text-decoration:none}nav a.current,nav a:hover,nav button.current,nav button:hover{color:#fff;background:#ffffff1c}.integration-note{background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;margin-top:auto;padding:16px}.integration-note span{text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.integration-note p{color:#ffffffc2;margin-bottom:0;font-size:14px;line-height:1.45}main{min-width:0;padding:32px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.hamburger-button{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex:none;width:44px;height:44px;padding:10px;display:none;box-shadow:0 8px 28px #303f5f14}.hamburger-button span{background:var(--ink);border-radius:999px;width:100%;height:2px;display:block}.hamburger-button span+span{margin-top:6px}.topbar .eyebrow{color:var(--blue-dark)}.session-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:4px;min-width:220px;padding:14px 16px;display:grid;box-shadow:0 8px 28px #303f5f14}.session-card span{color:var(--muted);font-size:13px}.portal-grid{gap:18px;display:grid}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.metric-strip{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-strip article,.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.metric-strip article{gap:8px;min-height:112px;padding:22px;display:grid}.metric-strip span{color:var(--muted);font-size:14px;font-weight:700}.metric-strip strong{color:var(--ink-strong);font-size:34px;line-height:1}.panel{min-width:0;padding:22px}.wide-panel{grid-column:1/-1}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.panel-heading .eyebrow{color:var(--blue-dark)}.pill,.status{text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;min-height:28px;padding:5px 10px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.pill{color:var(--ink);background:#eef4fb}.status{color:var(--success);background:#16805f1a}.status.draft,.status.invited{color:var(--warning);background:#a361081a}.form-stack{gap:16px;display:grid}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}label{color:var(--ink-strong);gap:8px;font-size:13px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:10px 12px}input,select{min-height:46px}textarea{resize:vertical;min-height:128px}.password-field{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.password-field button{border:1px solid var(--line);min-height:46px;color:var(--ink);background:#f7faff;border-radius:8px;padding:0 14px;font-weight:800}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1199ee24}button[type=submit]{color:#fff;background:var(--ink);border:0;border-radius:8px;min-height:46px;font-weight:800}button[type=submit]:hover{background:var(--ink-strong)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:920px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:15px 12px}th{color:var(--muted);text-transform:uppercase;font-size:12px}td strong,.user-row strong,.route-card strong,.agent-options strong{color:var(--ink-strong);display:block}td span,.user-row span{color:var(--muted);font-size:13px}.url-cell{max-width:360px;color:var(--muted);word-break:break-word;font-size:13px}.user-list{gap:10px;display:grid}.user-row{border:1px solid var(--line);background:#fbfdff;border-radius:8px;grid-template-columns:minmax(180px,1fr) minmax(160px,1fr) minmax(160px,1fr) auto;align-items:center;gap:16px;padding:14px;display:grid}.user-row p{color:var(--ink);margin-bottom:0;font-weight:700}.profile-grid{grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);align-items:start}.profile-summary{align-self:start}.profile-fields{gap:12px;margin:0;display:grid}.profile-fields div{border:1px solid var(--line);background:#fbfdff;border-radius:8px;padding:14px}.profile-fields dt{color:var(--muted);text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:800}.profile-fields dd{color:var(--ink-strong);overflow-wrap:anywhere;margin:0;font-weight:800}.chat-panel{grid-template-rows:auto minmax(0,1fr) auto;height:calc(100vh - 132px);min-height:540px;display:grid;overflow:hidden}.button-link{color:#fff;background:var(--ink);border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:8px 12px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.chatbot-embed-panel{grid-template-rows:auto minmax(520px,1fr);min-height:calc(100vh - 132px);display:grid}.zapier-embed-surface{border:1px solid var(--line);background:#eef4fb;border-radius:8px;width:100%;min-height:clamp(520px,100vh - 240px,760px);display:grid;position:relative;overflow:hidden}.zapier-chatbot-widget{width:100%;min-height:clamp(520px,100vh - 240px,760px);display:block}.chatbot-launch-panel{max-width:760px}.chatbot-launch{border:1px solid var(--line);background:#fbfdff;border-radius:8px;gap:18px;padding:18px;display:grid}.chatbot-launch strong{color:var(--ink-strong);word-break:break-word;display:block}.chatbot-launch p{color:var(--muted);margin-bottom:0;line-height:1.55}.messages{overscroll-behavior:contain;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:6px 4px 18px;display:flex;overflow-y:auto}.message{background:#eef4fb;border-radius:8px;flex:none;width:min(82%,880px);min-width:0;max-width:100%;padding:14px 16px}.message.user{color:#fff;background:var(--ink);align-self:flex-end;width:min(72%,620px)}.message.pending{color:var(--muted);background:#f7faff}.message p{margin-bottom:8px;line-height:1.5}.message span{color:inherit;opacity:.68;margin-top:8px;font-size:12px;display:block}.markdown-message{min-width:0;max-width:100%;color:var(--ink);overflow-wrap:break-word;word-break:normal;gap:10px;line-height:1.58;display:grid}.markdown-message>*{min-width:0;max-width:100%}.markdown-message h1,.markdown-message h2,.markdown-message h3,.markdown-message h4{color:var(--ink-strong);overflow-wrap:anywhere;margin:10px 0 4px;line-height:1.2}.markdown-message h1{font-size:clamp(22px,3vw,30px)}.markdown-message h2{font-size:20px}.markdown-message h3{font-size:17px}.markdown-message h4{font-size:15px}.markdown-message p,.markdown-message ul,.markdown-message ol,.markdown-message blockquote{overflow-wrap:anywhere;margin:0}.markdown-message ul,.markdown-message ol{gap:6px;padding-left:22px;display:grid}.markdown-message li>p{margin:0}.markdown-message hr{border:0;border-top:1px solid var(--line);width:100%;margin:6px 0}.markdown-message strong{color:var(--ink-strong)}.markdown-message code{background:#303f5f14;border-radius:6px;padding:2px 5px;font-size:.92em}.markdown-message pre{border:1px solid var(--line);background:#fff;border-radius:8px;max-width:100%;padding:12px;overflow-x:auto}.markdown-message pre code{background:0 0;padding:0}.markdown-message table{border-collapse:collapse;white-space:normal;max-width:100%;display:block;overflow-x:auto}.markdown-message th,.markdown-message td{border:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;word-break:break-word;padding:8px 10px}.markdown-message th{color:var(--ink-strong);background:#f7faff;font-weight:800}.markdown-message blockquote{border-left:3px solid var(--blue);color:var(--muted);padding-left:12px}.chat-composer{border-top:1px solid var(--line);background:var(--surface);flex-shrink:0;grid-template-columns:minmax(0,1fr) 112px;gap:10px;padding-top:16px;display:grid}.portal-side{gap:18px;display:grid}.route-card,.route-stack,.agent-options article{border:1px solid var(--line);background:#fbfdff;border-radius:8px;padding:14px}.route-card span,.route-stack span{color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.route-card strong{word-break:break-word;font-size:13px;line-height:1.5}.route-stack{gap:8px;display:grid}code{width:fit-content;max-width:100%;color:var(--ink);word-break:break-word;background:#eef4fb;border-radius:6px;padding:6px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.agent-options{gap:10px;display:grid}.agent-options article{justify-content:space-between;align-items:center;gap:12px;display:flex}.option-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.option-actions button,.modal-actions button,.secondary-button,.icon-button{color:#fff;background:var(--ink);border:1px solid #0000;border-radius:8px;min-height:42px;padding:0 16px;font-weight:800}.secondary-button,.icon-button{color:var(--ink);border-color:var(--line);background:#f7faff}.modal-backdrop{z-index:40;background:#161e2f70;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(640px,100%);padding:22px;box-shadow:0 26px 80px #161e2f3d}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media (width<=1080px){.login-page,.app-shell,.admin-grid,.user-grid,.profile-grid{grid-template-columns:1fr}.app-shell{min-height:100vh}.login-hero{min-height:420px}.sidebar{width:min(320px,100vw - 42px);height:100vh;transition:transform .18s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%);box-shadow:24px 0 60px #161e2f47}.menu-open .sidebar{transform:translate(0)}.menu-backdrop{z-index:25;background:#161e2f6b;border:0;display:none;position:fixed;inset:0}.menu-open .menu-backdrop,.hamburger-button{display:block}.topbar{justify-content:start;align-items:flex-start}main{padding:24px}.chat-panel{height:calc(100vh - 112px);min-height:560px}.chatbot-embed-panel{min-height:680px}}@media (width<=720px){.topbar,.panel-heading{flex-direction:column;align-items:stretch}.metric-strip,.field-row,.user-row,.chat-composer{grid-template-columns:1fr}.chat-panel{height:calc(100vh - 96px);min-height:520px;padding:16px}.message{width:100%}main,.sidebar,.login-page,.login-hero,.login-panel{padding:18px}.login-hero h2{font-size:32px}.chatbot-embed-panel{grid-template-rows:auto minmax(560px,1fr);min-height:auto}.zapier-embed-surface,.zapier-chatbot-widget{min-height:560px}}