:root{--text:#5b6778;--text-h:#102033;--bg:#fff;--canvas:#eef2f6;--sidebar:#fff;--border:#e2e8f0;--code-bg:#f4f7fb;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9aa6b5;--text-h:#f2f5f8;--bg:#18212b;--canvas:#0e141b;--sidebar:#151c25;--border:#2a3544;--code-bg:#1c2530;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}body{background:var(--canvas);margin:0}body.menu-open{overflow:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.smart-response{text-align:left;box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:none;min-height:0;margin:0;padding:0;display:flex}.smart-response__header{margin:0;padding:14px 16px 12px}.smart-response__subtitle{color:var(--text,#6b7280);margin:0;font-size:15px}.smart-response__input-container{background:var(--code-bg,#fff);border:1px solid var(--border,#e5e7eb);border-radius:14px;margin-bottom:16px;transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 20px -2px #0000000d}.smart-response__input-container:focus-within{border-color:var(--accent,#7c3aed);box-shadow:0 0 0 3px var(--accent-bg,#7c3aed26)}.smart-response__textarea{resize:vertical;box-sizing:border-box;width:100%;color:var(--text-h,#111827);background:0 0;border:none;outline:none;padding:16px 20px;font-family:inherit;font-size:16px;line-height:1.6}.smart-response__textarea::placeholder{color:var(--text,#9ca3af)}.smart-response__media-preview{border-top:1px dashed var(--border,#e5e7eb);background:#7c3aed0a;align-items:center;gap:12px;padding:12px 20px;display:flex}.media-preview__image-box img{object-fit:cover;border:1px solid var(--border,#e5e7eb);border-radius:8px;max-width:140px;max-height:80px}.media-preview__tag{color:var(--accent,#7c3aed);margin-top:4px;font-size:11px;font-weight:600;display:block}.media-preview__remove-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;font-weight:700;transition:all .2s;display:flex}.media-preview__remove-btn:hover{color:#fff;background:#ef4444}.smart-response__toolbar{border-top:1px solid var(--border,#e5e7eb);background:#00000005;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.toolbar__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar__btn{background:var(--bg,#fff);border:1px solid var(--border,#d1d5db);color:var(--text-h,#374151);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.toolbar__btn:hover{border-color:var(--accent,#7c3aed);color:var(--accent,#7c3aed);background:var(--accent-bg,#7c3aed14)}.toolbar__btn--recording{color:#b91c1c;background:#fee2e2;border-color:#ef4444;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.toolbar__status{align-items:center;font-size:13px;font-weight:500;display:flex}.toolbar__status-active{color:var(--accent,#7c3aed);align-items:center;gap:6px;display:flex}.toolbar__status-ready{color:#10b981;font-size:13px;font-weight:500}.pulse-dot{background-color:var(--accent,#7c3aed);border-radius:50%;width:8px;height:8px;animation:1s infinite pulse;display:inline-block}.smart-response__status-bar{border:1px solid var(--accent-border,#7c3aed4d);color:var(--accent,#7c3aed);background:#7c3aed14;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:14px;display:flex}.status-indicator{background-color:var(--accent,#7c3aed);border-radius:50%;width:8px;height:8px;animation:1s cubic-bezier(0,0,.2,1) infinite ping;display:inline-block}@keyframes ping{75%,to{opacity:0;transform:scale(1.6)}}.smart-response__error{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px}.smart-response__section-title{color:var(--text-h,#111827);margin:20px 0 10px;font-size:16px;font-weight:600}.smart-response__suggestions{flex-direction:column;gap:14px;display:flex}.smart-response__card{background:var(--code-bg,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;flex-direction:column;gap:12px;padding:18px 20px;transition:border-color .2s;display:flex;box-shadow:0 2px 10px #00000008}.smart-response__card--matched{border-left:4px solid var(--accent,#7c3aed);background:var(--code-bg,#fff)}.smart-response__card-header{justify-content:space-between;align-items:center;display:flex}.smart-response__response-title{color:var(--accent,#7c3aed);letter-spacing:.3px;font-size:13px;font-weight:600}.smart-response__text{color:var(--text-h,#1f2937);white-space:pre-wrap;margin:0;font-size:16px;line-height:1.6}.smart-response__copy-btn{border:1px solid var(--border,#d1d5db);background:var(--bg,#fff);color:var(--text-h,#374151);cursor:pointer;border-radius:6px;align-self:flex-start;padding:8px 18px;font-size:13px;font-weight:500;transition:all .15s}.smart-response__copy-btn:hover{border-color:var(--accent,#7c3aed);color:var(--accent,#7c3aed);background:var(--accent-bg,#7c3aed0d)}.smart-response__copy-btn--send{background:var(--accent,#7c3aed);color:#fff;border-color:#0000}.smart-response__copy-btn--send:hover{color:#fff;background:#6d28d9}.smart-response__card--sent{border-left:4px solid #10b981}.customer-workspace{border:none;border-top:1px solid var(--border);background:var(--bg);border-radius:0;flex:1;grid-template-columns:280px minmax(0,1fr);width:100%;min-height:0;display:grid;overflow:hidden}.customer-list-panel,.customer-detail-panel{min-width:0;min-height:0}.customer-list-panel{border-right:1px solid var(--border);background:var(--code-bg);flex-direction:column;display:flex}.customer-list-heading,.customer-detail-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.customer-list-heading h2,.customer-detail-heading strong{color:var(--text-h);margin:0;font-size:16px}.customer-detail-heading span,.customer-row-copy,.customer-empty-list,.customer-empty-detail span{color:var(--text);font-size:13px}.customer-list{overflow:auto}.customer-row{border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 16px;display:flex}.customer-row.is-active{background:var(--accent-bg)}.customer-row-title{color:var(--text-h);font-weight:700}.customer-row-copy{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.customer-empty-list,.customer-empty-detail{text-align:center;margin:0;padding:28px 16px}.customer-empty-detail{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:240px;display:flex}.customer-empty-detail strong{color:var(--text-h)}.customer-detail-panel{flex-direction:column;min-height:0;padding:0;display:flex}.customer-detail-heading div{flex-direction:column;gap:2px;display:flex}.customer-back{border:1px solid var(--border);background:var(--bg);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:none}.customer-thread{flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px;display:flex;overflow:auto}.customer-message{border:1px solid var(--border);border-radius:14px;max-width:min(80%,520px);padding:10px 12px}.customer-message p{white-space:pre-wrap;color:var(--text-h);margin:0}.customer-message audio{width:240px;max-width:100%;height:36px;display:block}.customer-message img,.customer-message video{object-fit:cover;background:#0f172a;border-radius:10px;width:min(100%,260px);max-height:280px;display:block}.customer-message time{color:var(--text);margin-top:6px;font-size:11px;display:block}.customer-message.inbound{background:var(--code-bg);border-bottom-left-radius:4px;align-self:flex-start}.customer-message.outbound{background:var(--accent-bg);border-bottom-right-radius:4px;align-self:flex-end}.customer-reply-composer{flex-direction:column;gap:10px;margin:0;padding:0 16px 12px;display:flex}.customer-learn-toggle{color:var(--text-h);align-items:flex-start;gap:10px;font-size:14px;display:flex}.customer-learn-toggle span{flex-direction:column;gap:2px;display:flex}.customer-learn-toggle small{color:var(--text)}.customer-suggestions{flex-direction:column;gap:8px;display:flex}.customer-suggestion{text-align:left;border:1px solid var(--border);background:var(--bg);color:var(--text-h);font:inherit;cursor:pointer;border-radius:10px;padding:10px 12px}.customer-suggestion:hover{border-color:var(--accent)}.customer-send-actions{flex-wrap:wrap;gap:8px;display:flex}.customer-reply-form{align-items:center;gap:8px;display:flex}.customer-reply-form input{border:1px solid var(--border);min-width:0;font:inherit;color:var(--text-h);background:var(--bg);border-radius:999px;flex:1;padding:10px 14px}.customer-reply-form button[type=submit],.customer-voice-button{border:1px solid var(--border);background:var(--bg);color:var(--text-h);font:inherit;cursor:pointer;border-radius:999px;padding:10px 14px}.customer-reply-form button[type=submit]{background:var(--accent,#7c3aed);color:#fff;border-color:#0000;font-weight:700}.customer-reply-form button[type=submit]:disabled{opacity:.5;cursor:default}.customer-voice-button.recording{color:#b91c1c;border-color:#ef4444}.customer-detail-panel .smart-response__input-container{margin:0 0 12px}@media (width<=768px){.customer-workspace{grid-template-columns:1fr}.customer-workspace.has-selection .customer-list-panel,.customer-workspace:not(.has-selection) .customer-detail-panel{display:none}.customer-back{display:inline-flex}.customer-reply-form{flex-wrap:wrap}.customer-reply-form input{flex-basis:100%}}.wa-inbox{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.wa-inbox__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.wa-inbox__head h2{color:var(--text-h);margin:0;font-size:16px}.wa-inbox__empty{border:1px dashed var(--border);text-align:center;color:var(--text);background:var(--code-bg);border-radius:14px;margin:0;padding:28px 16px}.wa-message{text-align:left;border:1px solid var(--border);background:var(--code-bg);width:100%;color:var(--text-h);font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;display:flex}.wa-message.is-active{border-color:var(--accent);background:var(--accent-bg)}.wa-message__name{color:var(--accent);font-size:13px;font-weight:700}.wa-message__text{color:var(--text-h);font-size:15px;line-height:1.45}.sender-toggle{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.sender-toggle label{border:1px solid var(--border);background:var(--bg);color:var(--text-h);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.sender-toggle label.is-active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.sender-toggle input{accent-color:var(--accent,#7c3aed)}.sender-toggle__settings{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:6px 0;font-size:14px;font-weight:600}@media (width<=1024px){.smart-response__header h1{font-size:26px}}@media (width<=768px){.smart-response__brand{align-items:flex-start;gap:12px}.smart-response__logo{width:42px;height:42px}.smart-response__header h1{font-size:22px}.smart-response__subtitle{font-size:14px}.smart-response__textarea{padding:14px;font-size:16px}.smart-response__toolbar{flex-direction:column;align-items:stretch;padding:12px}.toolbar__actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.toolbar__btn{justify-content:center;padding:10px 8px}.toolbar__status{justify-content:flex-start}.smart-response__media-preview{flex-wrap:wrap;padding:12px 14px}.media-preview__image-box img,.media-preview__video-box video,.media-preview__audio-box audio{max-width:100%}.smart-response__card{padding:14px}.smart-response__copy-btn{text-align:center;width:100%}}@media (width<=420px){.toolbar__actions{grid-template-columns:1fr}.smart-response__header h1{font-size:20px}}.settings{text-align:left;max-width:760px;margin:0 auto;padding:32px 20px 48px}.settings__header{margin-bottom:22px}.settings__header h1{letter-spacing:-.4px;color:var(--text-h);margin:0 0 6px;font-size:30px;font-weight:700}.settings__header p,.settings__help{color:var(--text);margin:0;font-size:15px;line-height:1.5}.settings__card{background:var(--code-bg);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:18px}.settings__card h2{color:var(--text-h);margin:0 0 6px;font-size:18px}.settings__help{margin-bottom:14px}.settings__card.is-muted{opacity:.62}.settings__radios,.settings__count{border:none;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.settings__count{flex-flow:wrap}.settings__radio,.settings__count label{border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--text-h);border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.settings__count label{align-items:center;min-width:140px}.settings__radio.is-active,.settings__count label.is-active{border-color:var(--accent);background:var(--accent-bg)}.settings__radio input,.settings__count input{accent-color:var(--accent,#7c3aed);margin-top:3px}.settings__radio span{flex-direction:column;gap:4px;display:flex}.settings__radio strong{font-size:15px}.settings__radio small{color:var(--text);font-size:13px;line-height:1.45}.settings__label{color:var(--text-h);margin:14px 0 6px;font-size:14px;font-weight:650;display:block}.settings__input{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);font:inherit;border-radius:12px;padding:10px 12px;font-size:15px}.settings__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.settings__error{color:#b91c1c;margin:10px 0 0;font-size:14px;font-weight:600}.settings__rule{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);font:inherit;resize:vertical;border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.5}.settings__rule:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.settings__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.settings__save{background:var(--accent,#7c3aed);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600}.settings__notice{color:#059669;margin:0;font-size:14px;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){.settings{padding:16px 14px 32px}.settings__header h1{font-size:24px}.settings__count{flex-direction:column}}.training__thread{flex-direction:column;gap:10px;max-height:360px;margin-bottom:12px;padding:4px;display:flex;overflow-y:auto}.training__bubble{border:1px solid var(--border);border-radius:12px;max-width:85%;padding:10px 12px}.training__bubble p{white-space:pre-wrap;color:var(--text-h);margin:0;font-size:14px;line-height:1.45}.training__bubble small{color:#059669;margin-top:6px;font-size:12px;font-weight:650;display:block}.training__bubble.is-assistant{background:var(--bg);align-self:flex-start}.training__bubble.is-user{background:var(--accent-bg);border-color:var(--accent);align-self:flex-end}.training__waiting{color:var(--text);margin:0;font-size:13px}.settings__save:disabled{opacity:.6;cursor:default}.training__label{color:var(--text-h);margin:14px 0 6px;font-size:14px;font-weight:650;display:block}.training__select{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);font:inherit;border-radius:12px;padding:10px 12px;font-size:15px}.training__select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.training__error{color:#b91c1c;margin:10px 0 0;font-size:14px;font-weight:600}.training__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.training__item{border:1px solid var(--border);background:var(--bg);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.training__item strong{color:var(--text-h);font-size:14px;display:block}.training__item p{color:var(--text-h);margin:4px 0;font-size:14px;line-height:1.45}.training__item small{color:var(--text);text-transform:capitalize;font-size:12px}.training__delete{border:1px solid var(--border);background:var(--bg);color:#b91c1c;font:inherit;cursor:pointer;border-radius:8px;flex-shrink:0;padding:8px 10px;font-size:13px;font-weight:650}.login{background:var(--canvas);place-items:center;min-height:100svh;padding:24px 16px;display:grid}.login__card{border:1px solid var(--border);background:var(--bg);text-align:left;border-radius:16px;width:min(420px,100%);padding:28px 24px}.login__card h1{color:var(--text-h);margin:0 0 6px;font-size:28px}.login__card p{color:var(--text);margin:0 0 18px}.login__card label{color:var(--text-h);margin:14px 0 6px;font-size:14px;font-weight:650;display:block}.login__card input{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);font:inherit;border-radius:12px;padding:10px 12px;font-size:15px}.login__card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.login__card button{background:var(--accent,#7c3aed);color:#fff;width:100%;font:inherit;cursor:pointer;border:none;border-radius:8px;margin-top:18px;padding:11px 16px;font-size:15px;font-weight:650}.login__card button:disabled{opacity:.6;cursor:default}.login__error{color:#b91c1c;margin:12px 0 0;font-size:14px;font-weight:600}.app-shell{box-sizing:border-box;width:100%;min-height:100svh;display:flex}.sidebar{box-sizing:border-box;background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;height:100svh;min-height:100svh;padding:22px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__brand{align-items:center;gap:12px;padding:4px 8px 8px;display:flex}.sidebar__brand strong{color:var(--text-h);font-size:16px;line-height:1.2;display:block}.sidebar__brand span{color:var(--text);margin-top:2px;font-size:12px;display:block}.sidebar__logo{object-fit:contain;border-radius:10px;flex-shrink:0;width:42px;height:42px}.sidebar__close{width:36px;height:36px;color:var(--text-h);cursor:pointer;background:0 0;border:none;border-radius:8px;margin-left:auto;font-size:26px;line-height:1;display:none}.sidebar__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:22px 8px 8px;font-size:12px;font-weight:600}.sidebar__nav{flex-direction:column;gap:4px;display:flex}.sidebar__footer{border-top:1px solid var(--border);margin-top:auto;padding-top:16px}.sidebar__item{box-sizing:border-box;text-align:left;width:100%;color:var(--text-h);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;display:flex}.sidebar__item svg{flex-shrink:0}.sidebar__item:hover,.sidebar__item.is-active{background:var(--accent-bg);color:var(--accent)}.app-main{background:var(--canvas);flex-direction:column;flex:1;min-width:0;height:100svh;min-height:100svh;display:flex;overflow:hidden}.mobile-bar{z-index:20;background:var(--bg);border-bottom:1px solid var(--border);box-sizing:border-box;align-items:center;gap:10px;height:56px;padding:0 12px;display:none;position:sticky;top:0}.mobile-bar__logo{object-fit:contain;border-radius:6px;width:28px;height:28px}.mobile-bar__title{color:var(--text-h);font-size:16px;font-weight:650}.menu-toggle{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;padding:0;display:inline-flex}.menu-toggle__bar{background:var(--text-h);border-radius:2px;width:18px;height:2px;display:block}.sidebar-backdrop{display:none}@media (width<=1024px){.sidebar{width:230px;padding:18px 12px}}@media (width<=768px){.mobile-bar{display:flex}.sidebar{z-index:40;width:min(280px,86vw);box-shadow:none;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-105%)}.sidebar.is-open{box-shadow:var(--shadow);transform:translate(0)}.sidebar:not(.is-open){pointer-events:none}.sidebar__close{justify-content:center;align-items:center;display:inline-flex}.sidebar-backdrop{z-index:30;cursor:pointer;background:#08060d73;border:none;padding:0;display:block;position:fixed;inset:0}}