:root{color:#263039;font-synthesis:none;background:#edf0f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.login-screen{background:radial-gradient(circle at 14% 12%,#fff 0 8%,#0000 27%),linear-gradient(145deg,#eff2f3 0%,#dfe4e7 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border:1px solid #e3e6e8;border-radius:20px;width:100%;max-width:408px;padding:42px;box-shadow:0 22px 65px #28333b1c}.brand-full{width:282px;max-width:100%;height:auto;margin:0 auto 34px;display:block}.login-card h1{color:#303942;letter-spacing:-.02em;margin:0 0 8px;font-size:1.5rem}.login-card p{color:#69737c;margin:0 0 28px;line-height:1.55}.form-stack{gap:16px;display:grid}.field{gap:7px;display:grid}.field>span{color:#4d5963;font-size:.84rem;font-weight:650}.field input,.field textarea,.field select,.search-input{color:#263039;background:#fff;border:1px solid #cfd5d9;border-radius:9px;outline:none;width:100%;min-height:43px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:92px}.field input:focus,.field textarea:focus,.field select:focus,.search-input:focus{border-color:#932f34;box-shadow:0 0 0 3px #932f3420}.form-error{color:#a01825;margin:0;font-size:.88rem}.button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 14px;font-size:.9rem;font-weight:650;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.button:active{transform:translateY(1px)}.button:disabled{cursor:wait;opacity:.65}.button-primary{color:#fff;background:#8e282d}.button-primary:hover{background:#751f24}.button-neutral{color:#3c464e;background:#fff;border-color:#cfd5d9}.button-neutral:hover{background:#f4f5f6}.button-danger{color:#a3222c;background:#fff0f0;border-color:#efc9cd}.button-danger:hover{background:#ffe5e6}.button-small{min-height:34px;padding:6px 10px;font-size:.79rem}.app-shell{background:#edf0f2;grid-template-rows:minmax(0,1fr);grid-template-columns:318px minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.sidebar{background:#f8f9fa;border-right:1px solid #d8dde0;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar-head{border-bottom:1px solid #e0e4e6;justify-content:space-between;align-items:center;min-height:74px;padding:14px 18px;display:flex}.sidebar-brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{object-fit:contain;width:38px;height:38px}.sidebar-brand strong{color:#36404a;font-size:.95rem;line-height:1.2;display:block}.sidebar-brand span{color:#77818a;margin-top:2px;font-size:.72rem;display:block}.sidebar-search-row{align-items:center;gap:8px;padding:14px 14px 10px;display:flex}.conversation-stats{border-top:1px solid #e0e4e6;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));min-height:54px;padding:7px 8px 8px;display:grid}.conversation-stat{text-align:center;border-right:1px solid #e2e6e8;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:0 4px;display:flex}.conversation-stat:last-child{border-right:0}.conversation-stat strong{color:#84262c;white-space:nowrap;font-size:1.02rem;line-height:1}.conversation-stat-total{color:#69747d;font-size:.82em;font-weight:650}.conversation-stat>span{color:#69747d;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.64rem;font-weight:650;line-height:1.15;overflow:hidden}.mobile-sidebar-close,.icon-button.mobile-sidebar-toggle{display:none}.sidebar-search{flex:auto;min-width:0;position:relative}.sidebar-search svg{color:#7a858e;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.sidebar-search input{background:#fff;border-color:#d7dcdf;padding-left:37px}.sidebar-new-conversation{color:#fff;background:#8e282d;border:1px solid #8e282d;border-radius:9px;flex:none;justify-content:center;align-items:center;width:43px;height:43px;padding:0;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.sidebar-new-conversation:hover{background:#751f24;border-color:#751f24}.sidebar-new-conversation:active{transform:translateY(1px)}.sidebar-new-conversation:focus-visible{outline-offset:2px;outline:2px solid #8e282d}.sidebar-filters{border-bottom:1px solid #e0e4e6;padding:2px 14px 13px}.sidebar-filters-title{color:#707b84;letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:6px;margin:0 0 8px;font-size:.72rem;font-weight:750;display:flex}.sidebar-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sidebar-filter{gap:4px;min-width:0;display:grid}.sidebar-filter>span{color:#69747d;text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;font-weight:700;overflow:hidden}.sidebar-filter select{color:#3c474f;background:#fff;border:1px solid #d7dcdf;border-radius:7px;outline:none;width:100%;min-width:0;min-height:31px;padding:4px 6px;font-size:.74rem}.sidebar-filter select:focus{border-color:#932f34;box-shadow:0 0 0 2px #932f3420}.sidebar-filter-wide{grid-column:1/-1}.conversation-list{flex:auto;min-height:0;padding:0 8px 72px;overflow:hidden auto}.conversation-list-content{display:grid}.conversation-item{color:inherit;background:0 0;border-radius:10px;width:100%;position:relative}.conversation-select-button{border-radius:inherit;color:inherit;text-align:left;background:0 0;border:0;gap:5px;width:100%;padding:12px 42px 12px 10px;display:grid}.conversation-item:hover{background:#eef0f2}.conversation-select-button:focus-visible{outline-offset:-2px;outline:2px solid #8e282d}.conversation-item.selected{background:#e5e8eb;box-shadow:inset 3px 0 #8d272d}.conversation-item.human-attention{background:#fff0f0;box-shadow:inset 3px 0 #bd3b43}.conversation-item.human-attention:hover{background:#ffe8e9}.conversation-item.human-attention.selected{background:#f8dfe1;box-shadow:inset 3px 0 #a72c34}.conversation-top{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.conversation-name{color:#303941;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;font-weight:700;overflow:hidden}.conversation-meta{flex:none;align-items:center;gap:6px;display:inline-flex}.conversation-time{color:#889198;font-size:.7rem}.pending-reply-indicator-wrap{width:28px;height:28px;display:inline-flex;position:absolute;top:7px;right:4px}.pending-reply-indicator{appearance:none;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.pending-reply-dot{border:2px solid #f8f9fa;border-radius:50%;width:9px;height:9px;transition:background .15s,box-shadow .15s,transform .15s;display:block}.pending-reply-indicator.is-pending .pending-reply-dot{background:#b93b43;box-shadow:0 0 0 1px #d4656c}.pending-reply-indicator.is-resolved .pending-reply-dot{background:#aab2b8;box-shadow:0 0 0 1px #8f989f}.pending-reply-indicator:hover .pending-reply-dot{transform:scale(1.22)}.pending-reply-indicator:focus-visible{outline-offset:1px;outline:2px solid #8e282d}.pending-reply-indicator:disabled{cursor:wait;opacity:.62}.pending-reply-indicator.is-locked:disabled{cursor:not-allowed;opacity:.72}.pending-reply-indicator.is-locked:disabled .pending-reply-dot{transform:none}.conversation-preview{color:#737d86;text-overflow:ellipsis;white-space:nowrap;font-size:.79rem;overflow:hidden}.badge{text-transform:uppercase;border-radius:20px;padding:5px 7px;font-size:.66rem;font-weight:700;line-height:1;display:inline-flex}.badge-bot{color:#237440;background:#e8f3eb}.badge-human{color:#906114;background:#fdf0d8}.badge-blocked{color:#9a2630;background:#f9e5e6}.conversation-status-line{flex-wrap:wrap;align-items:center;gap:6px;min-height:20px;display:flex}.human-request-label{color:#a22932;font-size:.69rem;font-weight:750}.attendant-name{color:#656f77;font-size:.69rem;font-weight:650}.empty-list{color:#808a92;text-align:center;padding:30px 17px;font-size:.88rem}.list-error{color:#982b34;background:#fff0f0;border:1px solid #efc9cd;border-radius:8px;margin:9px 5px;padding:8px 10px;font-size:.78rem;line-height:1.4}.load-more-conversations{align-self:center;margin:12px auto 4px}.floating-end-button{color:#fff;z-index:5;background:#8e282d;border:1px solid #7a2025;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:7px 11px;font-size:.73rem;font-weight:700;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex;position:absolute;box-shadow:0 5px 17px #3039423d}.floating-end-button:hover{background:#751f24;box-shadow:0 7px 20px #3039424a}.floating-end-button:active{transform:translateY(1px)}.floating-end-button:disabled{cursor:wait;opacity:.72}.floating-end-button-contacts{bottom:67px;right:13px}.workspace{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.topbar{background:#fff;border-bottom:1px solid #dfe3e5;justify-content:space-between;align-items:center;min-height:74px;padding:12px 24px;display:flex}.conversation-heading{align-items:center;gap:12px;min-width:0;display:flex}.avatar{color:#fff;text-align:center;background:#5c6873;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:.82rem;font-weight:750;line-height:1;display:inline-flex;position:relative;overflow:hidden}.avatar.brand{background:#8e282d}.avatar-initials{justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex}.contact-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.conversation-heading strong{color:#303940;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;display:block;overflow:hidden}.conversation-heading>div>span{color:#77818a;margin-top:3px;font-size:.78rem;display:block}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-button{color:#56616a;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:relative}.icon-button:hover,.icon-button[aria-expanded=true]{color:#8e282d;background:#edf0f2}.user-avatar{color:#fff;background:#8e282d}.menu-wrap{position:relative}.dropdown{z-index:20;background:#fff;border:1px solid #dfe3e5;border-radius:12px;min-width:225px;padding:7px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 34px #26313a22}.dropdown-title{color:#79828a;letter-spacing:.04em;text-transform:uppercase;padding:8px 10px 5px;font-size:.71rem;font-weight:750}.dropdown-user{border-bottom:1px solid #edf0f2;padding:8px 10px 12px}.dropdown-user strong{font-size:.88rem;display:block}.dropdown-user span{color:#78828a;margin-top:3px;font-size:.75rem;display:block}.menu-item{color:#39434c;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;font-size:.85rem;display:flex}.menu-item:hover{background:#f0f2f3}.menu-item.danger{color:#a1222b}.menu-divider{border-top:1px solid #edf0f2;margin:6px 0}.chat-pane{flex:auto;min-height:0;position:relative;overflow:hidden}.chat-area{overscroll-behavior:contain;background:linear-gradient(135deg,#eef1f2 0%,#e8ecee 100%);height:100%;min-height:0;padding:27px clamp(18px,4vw,64px) 78px;overflow:hidden auto}.messages{flex-direction:column;gap:10px;max-width:920px;margin:0 auto;display:flex}.message-row{display:flex}.message-row.outbound{justify-content:flex-end}.message-row.reaction-row{justify-content:center;margin:2px 0}.reaction-event{color:#65717a;background:#ffffffad;border:1px solid #d8dfe2;border-radius:999px;align-items:center;gap:6px;max-width:min(88%,480px);padding:4px 9px;font-size:.76rem;display:inline-flex}.reaction-emoji{background:#fff;border:1px solid #dce2e5;border-radius:999px;padding:2px 5px;font-size:1rem;line-height:1}.reaction-time{color:#89939a;white-space:nowrap;margin-left:2px;font-size:.64rem}.message-bubble{background:#fff;border:1px solid #dfe4e6;border-radius:12px 12px 12px 3px;max-width:min(78%,660px);padding:10px 12px 8px;box-shadow:0 2px 3px #26313a0a}.message-unavailable{color:#78838a;font-style:italic}.message-row.outbound .message-bubble{background:#f5e7e7;border-color:#eddbdc;border-radius:12px 12px 3px}.message-row.bot .message-bubble{background:#eef3f8;border-color:#dce5ef}.message-row.failed .message-bubble{border-color:#d37078}.message-author{color:#7b3137;margin-bottom:5px;font-size:.68rem;font-weight:750;display:block}.message-row.bot .message-author{color:#516b83}.message-body{color:#303941;overflow-wrap:anywhere;white-space:pre-wrap;font-size:.92rem;line-height:1.48}.message-meta{color:#7a858e;justify-content:flex-end;align-items:center;gap:5px;margin-top:5px;font-size:.66rem;display:flex}.message-media{border-radius:8px;max-width:100%;max-height:320px;margin-top:7px;display:block}.message-audio{width:320px;max-width:100%;margin-top:7px}.transcript{color:#5f6971;border-left:2px solid #aa676b;margin:9px 0 1px;padding-left:8px;font-size:.8rem;line-height:1.45}.message-document{color:#424c55;background:#fff8;border:1px solid #d6dde1;border-radius:8px;align-items:center;gap:8px;margin-top:7px;padding:9px;font-size:.82rem;text-decoration:none;display:flex}.message-download{color:#59656d;align-items:center;gap:5px;max-width:100%;margin-top:7px;font-size:.74rem;text-decoration:none;display:inline-flex;overflow:hidden}.message-download:hover{color:#8e282d;text-decoration:underline}.message-download svg{flex:none}.history-error{color:#982b34;text-align:center;background:#fff0f0;border:1px solid #efc9cd;border-radius:8px;align-self:center;max-width:560px;margin:0;padding:9px 11px;font-size:.8rem}.floating-end-button-messages{bottom:16px;right:clamp(18px,4vw,64px)}.empty-conversation{color:#7c858d;text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:10px;min-height:0;display:flex}.empty-conversation svg{color:#a8b0b5;width:44px;height:44px}.composer{background:#fff;border-top:1px solid #dfe3e5;padding:13px clamp(16px,3vw,28px)}.mobile-conversation-actions{display:none}.mode-notice{color:#74551e;background:#fff6e7;border:1px solid #efdfbc;border-radius:8px;align-items:center;gap:7px;max-width:920px;margin:0 auto 9px;padding:8px 10px;font-size:.78rem;display:flex}.blocked-notice{color:#942c35;background:#fff0f0;border-color:#f0c6ca}.composer-error{color:#a01825;max-width:920px;margin:0 auto 9px;font-size:.8rem;line-height:1.4}.composer-row{gap:10px;max-width:920px;margin:0 auto;display:flex}.composer-input-wrap{flex:auto;min-width:0}.composer-file-input{display:none}.composer-attachment-button{color:#657078;border:1px solid #d9dee1;flex:none;align-self:center}.composer-attachment-button:hover{color:#8e282d;background:#f4f0f0}.composer-attachment-button:disabled{cursor:wait;opacity:.58}.composer-attachment-preview{color:#6a383c;background:#f6f1f1;border:1px solid #ead7d8;border-radius:9px;align-items:center;gap:8px;margin-bottom:8px;padding:7px 7px 7px 9px;display:flex}.composer-attachment-preview>svg{flex:none}.composer-attachment-detail{flex:auto;min-width:0;display:grid}.composer-attachment-detail strong{color:#3b454d;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:700;overflow:hidden}.composer-attachment-detail small{color:#77818a;margin-top:2px;font-size:.7rem}.composer-attachment-remove{color:#7d474b;flex:none;width:30px;height:30px}.composer-attachment-remove:hover{color:#8e282d;background:#f1dfe0}.composer textarea{resize:vertical;background:#f6f7f8;border:1px solid #d9dee1;border-radius:10px;outline:none;width:100%;min-height:43px;max-height:125px;padding:11px 12px;display:block}.composer textarea:focus{border-color:#932f34;box-shadow:0 0 0 3px #932f341c}.composer-row>.button{align-self:center}.send-on-enter{color:#68727a;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin:6px 1px 0;font-size:.74rem;display:inline-flex}.send-on-enter input{accent-color:#8e282d;width:14px;height:14px;margin:0}.send-on-enter input:disabled{cursor:wait}.modal-backdrop{z-index:50;background:#26313a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:650px;max-height:min(790px,100vh - 40px);padding:24px;overflow:auto;box-shadow:0 20px 60px #19212952}.modal-wide{max-width:850px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-head h2{color:#323b43;margin:0;font-size:1.12rem}.modal-head .icon-button{margin:-6px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid .full{grid-column:1/-1}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.destructive-dialog{color:#57272b;background:#fff5f5;border:1px solid #f1d2d5;border-radius:11px;align-items:flex-start;gap:12px;padding:14px;line-height:1.5;display:flex}.destructive-dialog-icon{color:#a3222c;background:#fde2e3;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.destructive-dialog p{margin:0}.destructive-dialog p+p{margin-top:9px}.transfer-target-detail{background:#f5f7f8;border:1px solid #dce2e5;border-radius:11px;gap:3px;padding:13px 14px;display:grid}.transfer-target-detail>span{color:#758089;letter-spacing:.035em;text-transform:uppercase;font-size:.7rem;font-weight:750}.transfer-target-detail>strong{color:#34404a;font-size:.95rem}.transfer-target-detail dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px 0 0;display:grid}.transfer-target-detail dl>div{background:#fff;border:1px solid #e4e8ea;border-radius:8px;min-width:0;padding:8px 9px}.transfer-target-detail dt{color:#77828a;text-transform:uppercase;margin:0 0 3px;font-size:.67rem;font-weight:700}.transfer-target-detail dd{color:#3b464f;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.82rem;overflow:hidden}.qr-panel{text-align:center;background:#f6f8f8;border:1px solid #e1e5e6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:20px;display:flex}.qr-panel img{object-fit:contain;width:250px;max-width:100%;height:250px}.qr-panel p{color:#667078;max-width:390px;font-size:.88rem;line-height:1.5}.settings-note{color:#6e7880;margin:0;font-size:.82rem;line-height:1.5}.user-table-wrap{overflow-x:auto}.user-table{border-collapse:collapse;width:100%;min-width:760px;font-size:.84rem}.user-table th,.user-table td{text-align:left;border-bottom:1px solid #e8ebed;padding:10px 8px}.user-table th{color:#6c767e;text-transform:uppercase;font-size:.72rem}.user-actions{flex-wrap:wrap;align-items:center;gap:6px;min-width:148px;display:flex}.loading{color:#667078;justify-content:center;align-items:center;gap:10px;height:100%;display:flex}.sidebar-backdrop{display:none}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:45;width:100%;max-width:min(88vw,350px);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:12px 0 30px #26313a22}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{z-index:40;background:#17202866;border:0;width:100%;display:block;position:fixed;inset:0}.mobile-sidebar-close,.icon-button.mobile-sidebar-toggle{display:inline-flex}.topbar{padding:10px 14px}.topbar-actions{gap:4px}.topbar-actions .button{display:none}.mobile-conversation-actions{flex-wrap:wrap;gap:8px;max-width:920px;margin:0 auto 9px;display:flex}.chat-area{padding:16px 12px 72px}.floating-end-button-messages{bottom:12px;right:12px}.message-bubble{max-width:88%}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.transfer-target-detail dl{grid-template-columns:1fr}.login-card{padding:30px 24px}}