@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap";.agent-login-shell{max-width:1200px;margin:2.4rem auto 0}.agent-login-card{width:min(460px,100%);border:1px solid #d3deea;border-radius:20px;padding:1.4rem;background:linear-gradient(150deg,#fffffff0,#ecf7ffe0);box-shadow:0 16px 34px #13224029,inset 0 1px #ffffffe0}.agent-login-kicker{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:800;color:#2f6f8f}.agent-login-card h1{margin:.28rem 0 0;font-family:Sora,Trebuchet MS,sans-serif;font-size:1.42rem}.agent-login-subtitle{margin:.45rem 0 0;color:#5d718b;font-size:.9rem}.agent-login-helper{margin:.35rem 0 0;color:#425c7a;font-size:.82rem}.agent-login-helper code{font-family:Sora,Trebuchet MS,sans-serif;background:#eef4fb;border:1px solid #d4e0ee;border-radius:6px;padding:.08rem .32rem}.agent-login-form{margin-top:1rem;display:grid;gap:.72rem}.agent-login-field{display:grid;gap:.34rem}.agent-login-field span{font-size:.74rem;font-weight:700;color:#304a6d}.agent-login-field input{border:1px solid #cdd9e8;border-radius:10px;padding:.66rem .72rem;font-size:.9rem;font-family:inherit}.agent-login-field input:focus-visible{outline:2px solid rgb(40 110 173 / 32%);outline-offset:1px}.agent-login-error{border:1px solid #ffc6b4;background:var(--danger-bg);color:var(--danger-text);border-radius:10px;padding:.6rem .66rem;font-size:.82rem}.agent-login-submit{border:0;border-radius:10px;background:linear-gradient(120deg,#87b4ff,#4f86f5);color:#fff;padding:.68rem .8rem;font-size:.9rem;font-family:inherit;font-weight:800;cursor:pointer}.agent-login-submit:disabled{opacity:.58;cursor:not-allowed}.home-page,.agent-page{min-height:100vh;padding:1.2rem}.site-header{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Sora,Trebuchet MS,sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:.02em;text-decoration:none;color:#273550}.top-nav{display:flex;align-items:center;gap:.75rem}.top-nav-link{text-decoration:none;color:#375275;font-weight:600;border:1px solid #c9d5e3;padding:.4rem .8rem;border-radius:999px;background:#ffffffbf}@media(max-width:760px){.home-page,.agent-page{padding:.9rem}}.agent-list-panel{border:1px solid #cfdae6;border-radius:18px;background:linear-gradient(170deg,#fffffff5,#f6fbffeb);box-shadow:0 14px 30px #132d461a;padding:.78rem;display:grid;grid-template-rows:auto auto 1fr;gap:.65rem;height:100%;min-height:0}.agent-list-header{display:flex;align-items:center;justify-content:space-between}.agent-list-header h2{margin:0;font-size:.96rem;font-family:Sora,Trebuchet MS,sans-serif}.agent-list-header span{border-radius:999px;background:#eaf2fa;color:#365172;min-width:1.9rem;text-align:center;font-size:.7rem;font-weight:700;padding:.22rem .4rem}.agent-filter-row{display:flex;gap:.35rem;flex-wrap:wrap}.agent-filter-chip{border:1px solid #cad8e5;background:#fff;color:#355172;border-radius:999px;font-family:inherit;font-size:.7rem;font-weight:700;text-transform:capitalize;padding:.22rem .5rem;cursor:pointer}.agent-filter-chip--active{border-color:#4f8ec0;color:#184770;background:#eaf4ff}.agent-list-body{overflow:auto;min-height:0;display:grid;gap:.45rem;align-content:start;scroll-behavior:smooth}.agent-list-empty{border:1px dashed #cedbe7;border-radius:12px;padding:.9rem .7rem;text-align:center;color:#607186;font-size:.84rem}.agent-conversation-card{border:1px solid #d3deea;border-radius:12px;padding:.5rem .55rem;background:#fff;display:grid;gap:.4rem;text-align:left;font-family:inherit;cursor:pointer}.agent-conversation-card--active{border-color:#5f8fb7;box-shadow:0 0 0 2px #6fa0ca40}.agent-conversation-row{display:flex;align-items:center;justify-content:space-between;gap:.45rem}.agent-conversation-session{font-size:.76rem;font-weight:700;color:#2f4c70}.agent-conversation-row time{font-size:.69rem;color:#607188}.agent-status-pill{border-radius:999px;padding:.15rem .45rem;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.agent-status-pill--automated{background:#edf4fb;color:#355a7f}.agent-status-pill--agent{background:#daf6ea;color:#0d6a46}.agent-status-pill--closed{background:#f1f3f5;color:#5a6775}.agent-unread-pill{min-width:1.3rem;border-radius:999px;padding:.1rem .34rem;font-size:.66rem;font-weight:800;text-align:center;color:#fff;background:linear-gradient(125deg,#ff9f58,#ff6f1a)}.agent-thread-panel{border:1px solid #cfdae6;border-radius:18px;background:linear-gradient(176deg,#fffffff5,#f4fafceb);box-shadow:0 14px 30px #132d461a;display:grid;grid-template-rows:auto 1fr auto;height:100%;min-height:0}.agent-thread-header{padding:.82rem .92rem;border-bottom:1px solid #dae4ef;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.agent-thread-kicker{margin:0;text-transform:uppercase;letter-spacing:.08em;color:#2d7090;font-size:.68rem;font-weight:800}.agent-thread-header h2{margin:.2rem 0 0;font-family:Sora,Trebuchet MS,sans-serif;font-size:.96rem}.agent-close-chat-button{border:1px solid #d2dce8;border-radius:10px;background:#fff;color:#3a5575;display:inline-flex;align-items:center;gap:.3rem;padding:.42rem .62rem;font-size:.75rem;font-weight:700;font-family:inherit;cursor:pointer}.agent-close-chat-button:disabled{opacity:.55;cursor:not-allowed}.agent-thread-messages{margin:.75rem .85rem 0;border:1px solid #d8e3ef;border-radius:14px;padding:.7rem;background:linear-gradient(175deg,#fbfeff,#f4f9ff);min-height:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.agent-thread-empty{border:1px dashed #cfdce9;border-radius:12px;height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;color:#5f728a;font-size:.85rem;padding:.85rem}.agent-thread-bubble{max-width:86%;border-radius:14px;padding:.55rem .65rem;margin-bottom:.5rem;animation:agent-message-slide .22s ease both}.agent-thread-bubble p{margin:.2rem 0 0;white-space:pre-wrap;font-size:.88rem;line-height:1.4}.agent-thread-bubble-meta{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.68rem;color:#4f6179;text-transform:uppercase;letter-spacing:.04em}.agent-thread-bubble--customer{margin-right:auto;background:linear-gradient(120deg,#e2f3f1,#c9ece8);border:1px solid #addad6}.agent-thread-bubble--agent{margin-left:auto;background:linear-gradient(120deg,#ffd8bc,#ffc79f);border:1px solid #e7af84}.agent-thread-bubble--system{margin-right:auto;background:linear-gradient(120deg,#eef4fb,#e2ebf6);border:1px solid #ccd9e7}.agent-thread-composer{border-top:1px solid #dbe5ef;padding:.7rem .85rem .85rem;display:grid;grid-template-columns:1fr auto;gap:.45rem}.agent-thread-input{border:1px solid #cad7e4;border-radius:10px;padding:.65rem .72rem;font-size:.9rem;font-family:inherit;color:var(--text-strong)}.agent-thread-input:focus-visible{outline:2px solid rgb(255 122 42 / 35%);outline-offset:1px}.agent-thread-send{border:0;border-radius:10px;background:linear-gradient(125deg,#ffbe8a,#ff873e);color:#222a37;font-family:inherit;font-size:.8rem;font-weight:800;display:inline-flex;align-items:center;gap:.32rem;padding:.58rem .82rem;cursor:pointer}.agent-thread-send:disabled{opacity:.55;cursor:not-allowed}@keyframes agent-message-slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.agent-workspace-header{border:1px solid #d3deea;border-radius:18px;padding:1rem;background:linear-gradient(145deg,#ffffffeb,#edf7ffd6);box-shadow:0 12px 28px #1028421f,inset 0 1px #ffffffdb;display:flex;justify-content:space-between;gap:1rem}.agent-workspace-kicker{margin:0;text-transform:uppercase;letter-spacing:.08em;color:#2f6f8f;font-size:.7rem;font-weight:800}.agent-workspace-header h1{margin:.2rem 0 0;font-family:Sora,Trebuchet MS,sans-serif;font-size:1.35rem}.agent-workspace-subtitle{margin:.3rem 0 0;color:#51647e;font-size:.86rem}.agent-workspace-controls{min-width:320px;display:grid;gap:.55rem;justify-items:end}.agent-identity-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .6rem;border-radius:999px;border:1px solid #d1deea;background:#ffffffd6}.agent-identity-name{font-size:.75rem;font-weight:700;color:#2f4764}.agent-realtime-badge{border-radius:999px;padding:.2rem .45rem;font-size:.68rem;font-weight:700;background:#ebf2f8;color:#536881}.agent-realtime-badge--online{background:#daf6ea;color:#0d6a46}.agent-control-buttons{display:flex;gap:.45rem}.agent-control-button{border:1px solid #cad7e4;border-radius:10px;background:#fff;color:#355274;padding:.42rem .64rem;display:inline-flex;align-items:center;gap:.28rem;font-size:.78rem;font-weight:700;font-family:inherit;cursor:pointer}.agent-control-button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:1040px){.agent-workspace-header{flex-direction:column}.agent-workspace-controls{min-width:0;justify-items:stretch}.agent-control-buttons{flex-wrap:wrap}}.agent-workspace-shell{max-width:1280px;margin:1rem auto 0;display:grid;gap:.9rem}.agent-workspace-grid{height:calc(100dvh - 12rem);min-height:560px;display:grid;grid-template-columns:320px 1fr;gap:.9rem}.agent-workspace-grid>*{min-height:0}.agent-workspace-error{border:1px solid #ffc6b4;background:var(--danger-bg);color:var(--danger-text);border-radius:12px;padding:.65rem .8rem;font-size:.88rem}@media(max-width:1040px){.agent-workspace-grid{grid-template-columns:1fr;height:auto;min-height:auto}}.chat-widget-root{position:fixed;right:1.5rem;bottom:1.5rem;z-index:120;display:grid;justify-items:end;gap:.75rem}.chat-launcher{border:0;border-radius:999px;background:linear-gradient(130deg,#ff8f47,#ff6b17);color:#fff;height:58px;padding:0 1rem 0 .7rem;display:inline-flex;align-items:center;gap:.6rem;box-shadow:0 10px 24px #1e120a47;font-family:inherit;font-weight:700;font-size:.92rem;cursor:pointer}.chat-launcher-icon{width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fff3}.chat-launcher-icon svg{width:20px;height:20px;fill:#fff}.chat-panel{width:min(490px,calc(100vw - 1.2rem));height:min(620px,calc(100vh - 5.5rem));border:1px solid #d6e0eb;border-radius:22px;background:linear-gradient(165deg,#fffffff5,#f3fafaf2);box-shadow:0 20px 48px #1c233438,inset 0 1px #ffffffe0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;animation:panel-enter .18s ease-out both}.chat-panel>.chat-panel-header{grid-row:1}.chat-panel>.chat-error{grid-row:2}.chat-panel>.chat-messages{grid-row:3}.chat-panel>.chat-composer,.chat-panel>.chat-mode-footer{grid-row:4}.chat-panel-header{padding:.95rem 1rem .85rem;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e0e8f1}.chat-kicker{margin:0 0 .25rem;color:#287f7c;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.chat-panel-header h2{margin:0;font-family:Sora,Trebuchet MS,sans-serif;font-size:1rem}.chat-live-indicator{margin:.28rem 0 0;font-size:.72rem;font-weight:700;color:#44717a}.chat-panel-actions{display:flex;align-items:center;gap:.4rem}.chat-mini-button,.chat-close-button{border:1px solid #d1dbe7;background:#fff;color:#355072;border-radius:999px;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.chat-mini-button{padding:.4rem .65rem;font-size:.74rem;font-weight:700;gap:.3rem}.chat-close-button{width:30px;height:30px;font-size:.9rem}.chat-mini-button:disabled{opacity:.55;cursor:not-allowed}.chat-error{margin:.65rem 1rem 0;border:1px solid #ffc6b4;background:var(--danger-bg);color:var(--danger-text);border-radius:10px;padding:.62rem .7rem;font-size:.84rem}.chat-messages{margin:.7rem .85rem .55rem;border:1px solid #d9e3ee;border-radius:16px;background:linear-gradient(178deg,#fcfefd,var(--surface-soft));padding:.7rem;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.chat-empty{border:1px dashed #ccd8e4;border-radius:12px;min-height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);background:#fff;font-size:.86rem;padding:.85rem}.bubble{max-width:88%;border-radius:14px;padding:.62rem .72rem;margin-bottom:.56rem;animation:message-enter .22s ease both}.bubble p{margin:.2rem 0 0;line-height:1.42;font-size:.9rem;white-space:pre-wrap}.bubble-action-row{margin-top:.52rem;display:flex;justify-content:flex-start}.bubble-escalate-button{border:1px solid #8fc0df;background:#f7fbff;color:#2e5a79;border-radius:9px;padding:.24rem .5rem;font-size:.68rem;font-family:inherit;font-weight:700;cursor:pointer}.bubble-escalate-button:disabled{opacity:.6;cursor:not-allowed}.bubble--customer{margin-left:auto;background:linear-gradient(120deg,#ffd6bd,#ffbf97);border:1px solid #eda976}.bubble--support{margin-right:auto;background:linear-gradient(120deg,#ddf3f2,#c5ecea);border:1px solid #a6d8d5}.bubble-meta{display:flex;justify-content:space-between;gap:.7rem;text-transform:uppercase;font-size:.68rem;letter-spacing:.04em;color:#4a5870}.bubble--typing p{margin-top:.45rem}.typing-dots{display:inline-flex;gap:.3rem;align-items:center}.typing-dots span{width:.45rem;height:.45rem;border-radius:999px;background:#4d6d85;animation:typing-pulse .9s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.12s}.typing-dots span:nth-child(3){animation-delay:.24s}.chat-inline-quick-questions{margin-top:.5rem;display:flex;gap:.45rem;flex-wrap:wrap}.quick-question-button{border:1px solid #c8d5e4;background:#fff;color:#304a6e;border-radius:10px;padding:.28rem .52rem;font-size:.7rem;line-height:1.2;font-family:inherit;font-weight:700;cursor:pointer}.quick-question-button:disabled{opacity:.5;cursor:not-allowed}.quick-question-button--agent{border-color:#8fc0df;background:#f4fbff;color:#245779}.chat-composer{padding:.55rem .85rem .85rem;display:grid;grid-template-columns:1fr auto;gap:.48rem;border-top:1px solid #e0e8f1;background:#ffffffe0;position:relative;z-index:1}.chat-mode-footer{padding:.65rem .85rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.65rem;border-top:1px solid #e0e8f1;background:#ffffffe0;position:relative;z-index:1}.chat-mode-footer p{margin:0;color:#49617f;font-size:.78rem;font-weight:600}.chat-escalate-button{border:1px solid #8fc0df;border-radius:10px;background:#f4fbff;color:#245779;padding:.45rem .65rem;font-size:.74rem;font-family:inherit;font-weight:800;cursor:pointer}.chat-escalate-button:disabled{opacity:.6;cursor:not-allowed}.chat-input{border:1px solid #ccd8e4;border-radius:11px;padding:.62rem .7rem;font-size:.9rem;font-family:inherit;color:var(--text-strong)}.chat-input:focus-visible{outline:2px solid rgb(255 122 42 / 35%);outline-offset:1px}.chat-send{border:0;border-radius:11px;background:linear-gradient(125deg,#ffb983,#ff7f32);color:#232a3a;font-family:inherit;font-size:.84rem;font-weight:800;padding:.6rem .85rem;display:inline-flex;align-items:center;justify-content:center;gap:.36rem;cursor:pointer}.chat-send:disabled{opacity:.5;cursor:not-allowed}@keyframes panel-enter{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes message-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes typing-pulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@media(max-width:760px){.chat-widget-root{right:1rem;bottom:1rem}.chat-panel{width:min(100vw - .8rem,420px);height:min(100vh - 4.7rem,600px)}.chat-messages{min-height:0}.chat-mode-footer{flex-direction:column;align-items:stretch}}.hero-shell{max-width:1200px;margin:2.8rem auto 0}.hero-card{max-width:680px;border:1px solid rgb(226 234 243 / 90%);border-radius:24px;padding:2rem;background:linear-gradient(160deg,#ffffffe0,#fff7f0cc);box-shadow:0 16px 34px #1c25381f,inset 0 1px #ffffffd1}.hero-kicker{margin:0 0 .5rem;color:var(--accent-2);text-transform:uppercase;font-weight:800;letter-spacing:.08em;font-size:.74rem}.hero-card h1{font-family:Sora,Trebuchet MS,sans-serif;font-size:clamp(1.6rem,3.5vw,2.3rem);line-height:1.22;margin:0}.hero-card p{margin:1rem 0 0;color:var(--text-muted);line-height:1.55}@media(max-width:760px){.hero-shell{margin-top:1.6rem}.hero-card{padding:1.3rem}}:root{--bg-a: #f6f2e8;--bg-b: #dff2ef;--surface: #ffffff;--surface-soft: #f7fafb;--line: #d3dce7;--text-strong: #1f2736;--text-muted: #5f6d83;--accent-1: #ff7a2a;--accent-2: #1a8f8b;--accent-soft: #d3f1f0;--danger-bg: #ffe7df;--danger-text: #7c2a15}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--text-strong);background:radial-gradient(circle at 15% 15%,rgb(255 170 111 / 35%),transparent 45%),radial-gradient(circle at 85% 85%,rgb(94 195 190 / 28%),transparent 40%),linear-gradient(150deg,var(--bg-a),var(--bg-b))}
