:root{--color-white:#fff;--color-gray-50:#f8f9fb;--color-gray-100:#f1f3f5;--color-gray-200:#e2e6ea;--color-gray-300:#cdd3da;--color-gray-400:#a4adb8;--color-gray-500:#6c7a8a;--color-gray-600:#4a5568;--color-gray-700:#333e4e;--color-gray-800:#232b38;--color-gray-900:#181e29;--color-gray-950:#10141c;--color-brand:#4f6ef7;--color-brand-light:#7b93fa;--color-brand-dark:#3a53cc;--color-brand-bg:#4f6ef714;--color-brand-bg-hover:#4f6ef724;--color-telegram:#229ed9;--color-avito:#0af;--color-max:#f60;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--surface-sidebar:var(--color-gray-900);--surface-sidebar-hover:var(--color-gray-800);--surface-sidebar-active:#4f6ef724;--surface-chat:var(--color-gray-50);--surface-chat-header:var(--color-white);--surface-input:var(--color-white);--surface-panel:var(--color-white);--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-500);--text-sidebar:var(--color-gray-200);--text-sidebar-muted:var(--color-gray-400);--text-inverse:var(--color-white);--border-color:var(--color-gray-200);--border-sidebar:#ffffff0f;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001a;--shadow-input-focus:0 0 0 3px #4f6ef72e;--bubble-customer:var(--color-gray-200);--bubble-customer-text:var(--color-gray-900);--bubble-manager:var(--color-brand);--bubble-manager-text:var(--color-white);--bubble-ai-start:#ede9fe;--bubble-ai-end:#e0e7ff;--bubble-ai-border:#a78bfa59;--bubble-ai-text:#312e81;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--sidebar-width:340px;--panel-width:320px;--header-height:62px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fs-xs:.6875rem;--fs-sm:.8125rem;--fs-md:.875rem;--fs-lg:1rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--ease-fast:.15s ease;--ease-normal:.25s ease;--ease-spring:.35s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5}body{background:var(--color-gray-950);overflow:hidden}a{color:var(--color-brand);text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input,textarea{font:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.chat-window__messages::-webkit-scrollbar-thumb{background:#0000001a}.chat-window__messages::-webkit-scrollbar-thumb:hover{background:#0000002e}.app{background:var(--surface-sidebar);height:100vh;display:flex;overflow:hidden}.app__panel-toggle{background:var(--color-brand);width:36px;height:36px;color:var(--text-inverse);border-radius:var(--radius-full);font-weight:700;font-size:var(--fs-md);box-shadow:var(--shadow-md);z-index:20;transition:transform var(--ease-fast);justify-content:center;align-items:center;display:flex;position:fixed;top:16px;right:16px}.app__panel-toggle:hover{transform:scale(1.1)}.login{background:linear-gradient(135deg, var(--color-gray-950) 0%, #1e1b4b 50%, var(--color-gray-950) 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login__card{background:var(--color-gray-900);border:1px solid var(--border-sidebar);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:48px 40px;animation:.4s ease-out fadeUp}.login__header{text-align:center;margin-bottom:36px}.login__icon{color:var(--color-brand);margin-bottom:12px}.login__title{font-size:var(--fs-2xl);color:var(--text-inverse);margin-bottom:6px;font-weight:700}.login__subtitle{color:var(--text-sidebar-muted);font-size:var(--fs-md)}.login__form{flex-direction:column;gap:20px;display:flex}.login__error{color:#fca5a5;border-radius:var(--radius-sm);font-size:var(--fs-sm);background:#ef44441a;border:1px solid #ef444440;padding:10px 14px;animation:.4s ease-in-out shake}.login__field{flex-direction:column;gap:6px;display:flex}.login__label{font-size:var(--fs-sm);color:var(--text-sidebar-muted);font-weight:500}.login__input{background:var(--color-gray-800);border:1px solid var(--border-sidebar);border-radius:var(--radius-sm);color:var(--text-inverse);font-size:var(--fs-md);transition:border-color var(--ease-fast), box-shadow var(--ease-fast);outline:none;padding:11px 14px}.login__input:focus{border-color:var(--color-brand);box-shadow:var(--shadow-input-focus)}.login__input::placeholder{color:var(--color-gray-600)}.login__button{background:var(--color-brand);color:var(--text-inverse);border-radius:var(--radius-sm);font-weight:600;font-size:var(--fs-md);transition:background var(--ease-fast), transform var(--ease-fast);justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px;display:flex}.login__button:hover:not(:disabled){background:var(--color-brand-light);transform:translateY(-1px)}.login__button:active:not(:disabled){transform:translateY(0)}.login__button:disabled{opacity:.5;cursor:not-allowed}.chat-list{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--surface-sidebar);border-right:1px solid var(--border-sidebar);flex-direction:column;display:flex;overflow:hidden}.chat-list__header{border-bottom:1px solid var(--border-sidebar);flex-shrink:0;align-items:center;gap:10px;padding:18px 20px;display:flex}.chat-list__header svg{color:var(--color-brand)}.chat-list__title{font-size:var(--fs-lg);color:var(--text-sidebar);flex:1;font-weight:600}.chat-list__count{background:var(--color-gray-800);color:var(--text-sidebar-muted);font-size:var(--fs-xs);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.chat-list__new-btn{color:var(--color-white);border-radius:var(--radius-md);cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;transition:all .15s;display:flex}.chat-list__new-btn:hover{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.chat-list__new-btn:hover svg{stroke:#fff}.chat-list__items{flex:1;padding:4px 6px;overflow-y:auto}.chat-list__item{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--ease-fast);gap:10px;padding:8px 10px;display:flex;position:relative}.chat-list__item:hover{background:var(--surface-sidebar-hover)}.chat-list__item--active{background:var(--surface-sidebar-active)!important}.chat-list__item--active .chat-list__item-name{color:var(--color-brand-light)}.chat-list__item--unread .chat-list__item-name{color:var(--text-inverse);font-weight:700}.chat-list__item-avatar{flex-shrink:0;position:relative}.chat-list__avatar-circle{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-brand) 0%, #8b5cf6 100%);width:42px;height:42px;color:var(--text-inverse);font-weight:700;font-size:var(--fs-md);justify-content:center;align-items:center;display:flex}.chat-list__item-avatar .channel-badge--small{position:absolute;bottom:-1px;right:-3px}.chat-list__item-avatar .channel-icon,.chat-list__item-avatar svg.channel-icon{display:block;position:absolute;bottom:-2px;right:-4px}.channel-icon--unknown{background:var(--color-gray-500);color:#fff;border-radius:var(--radius-full);border:2px solid var(--surface-sidebar);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.chat-list__item-body{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.chat-list__item-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.chat-list__item-top-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.chat-list__item-name{font-size:var(--fs-md);color:var(--text-sidebar);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.chat-list__item-time{font-size:var(--fs-xs);color:var(--text-sidebar-muted);white-space:nowrap;flex-shrink:0}.chat-list__item-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-list__item-preview{font-size:var(--fs-sm);color:var(--text-sidebar-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.chat-list__sender-icon{opacity:.6;flex-shrink:0}.chat-list__sender-icon--ai{color:var(--color-brand-light)}.chat-list__badge{background:var(--color-danger);color:var(--text-inverse);border-radius:var(--radius-full);min-width:20px;height:20px;animation:popIn .2s var(--ease-spring);flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:flex}.chat-list__item-meta{align-items:center;gap:4px;margin-top:0;display:flex}.chat-list__online-dot{background:#4caf50;border-radius:50%;flex-shrink:0;width:6px;height:6px}.chat-list__manager-tag{font-size:var(--fs-xs);color:var(--text-sidebar-muted);border-radius:var(--radius-full);background:#ffffff0f;padding:1px 6px}.chat-list__item-avito{margin-top:2px}.chat-list__avito-tag{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:11px;display:block;overflow:hidden}.chat-list__empty{color:var(--text-sidebar-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.chat-list__empty svg{opacity:.3}.chat-list__footer{border-top:1px solid var(--border-sidebar);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.chat-list__user{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.chat-list__user-avatar{border-radius:var(--radius-full);background:var(--color-gray-700);width:34px;height:34px;color:var(--text-sidebar);font-weight:600;font-size:var(--fs-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-list__user-info{flex-direction:column;min-width:0;display:flex}.chat-list__user-name{font-size:var(--fs-sm);color:var(--text-sidebar);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.chat-list__user-role{font-size:var(--fs-xs);color:var(--text-sidebar-muted)}.chat-list__footer-actions{flex-shrink:0;gap:4px;display:flex}.chat-list__footer-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-sidebar-muted);transition:all var(--ease-fast);justify-content:center;align-items:center;display:flex}.chat-list__footer-btn:hover{background:var(--surface-sidebar-hover);color:var(--text-sidebar)}.manager-panel-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.manager-panel{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.25s ease-out fadeUp;display:flex;overflow:hidden}.manager-panel__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.manager-panel__header h2{font-size:var(--fs-lg);color:var(--text-primary);font-weight:600}.manager-panel__close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-secondary);transition:background var(--ease-fast);justify-content:center;align-items:center;display:flex}.manager-panel__close:hover{background:var(--color-gray-100)}.manager-panel__list{flex:1;padding:8px;overflow-y:auto}.manager-panel__loading{color:var(--text-secondary);font-size:var(--fs-sm);justify-content:center;align-items:center;padding:32px 16px;display:flex}.manager-panel__item{border-radius:var(--radius-sm);transition:background var(--ease-fast);align-items:center;gap:12px;padding:10px 14px;display:flex}.manager-panel__item:hover{background:var(--color-gray-50)}.manager-panel__item--disabled{opacity:.5}.manager-panel__item-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-brand), #8b5cf6);width:36px;height:36px;color:var(--text-inverse);font-weight:600;font-size:var(--fs-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.manager-panel__item-info{flex:1;min-width:0}.manager-panel__item-name{font-size:var(--fs-md);color:var(--text-primary);align-items:center;gap:4px;font-weight:500;display:flex}.manager-panel__admin-icon{color:var(--color-brand)}.manager-panel__item-email{font-size:var(--fs-xs);color:var(--text-secondary)}.manager-panel__edit-btn{color:var(--color-gray-400);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;margin-left:4px;padding:2px;transition:opacity .15s}.manager-panel__item:hover .manager-panel__edit-btn{opacity:1}.manager-panel__edit-btn:hover{color:var(--color-brand)}.manager-panel__edit-input{border:1px solid var(--color-gray-200);border-radius:6px;width:100%;margin-bottom:4px;padding:4px 8px;font-size:13px}.manager-panel__edit-input:focus{border-color:var(--color-brand);outline:none}.manager-panel__edit-actions{gap:8px;margin-top:4px;display:flex}.manager-panel__edit-save{background:var(--color-brand);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;display:flex}.manager-panel__edit-save:hover{opacity:.9}.manager-panel__edit-cancel{border:1px solid var(--color-gray-200);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:4px;padding:3px 10px;font-size:12px}.manager-panel__amo-link{margin-top:4px}.manager-panel__amo-select{border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--text-primary);cursor:pointer;border-radius:4px;max-width:200px;padding:2px 6px;font-size:11px}.manager-panel__item-status{flex-shrink:0}.manager-panel__status-tag{font-size:var(--fs-xs);border-radius:var(--radius-full);padding:2px 8px;font-weight:500}.manager-panel__status-tag--active{color:var(--color-success);background:#22c55e1a}.manager-panel__status-tag--inactive{color:var(--color-danger);background:#ef44441a}.manager-panel__toggle-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);transition:all var(--ease-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.manager-panel__toggle-btn:hover{background:var(--color-gray-100);color:var(--text-primary)}.manager-panel__add-btn{border-radius:var(--radius-sm);background:var(--color-brand);color:var(--text-inverse);font-weight:500;font-size:var(--fs-md);transition:background var(--ease-fast);justify-content:center;align-items:center;gap:8px;margin:12px 16px 16px;padding:10px;display:flex}.manager-panel__add-btn:hover{background:var(--color-brand-light)}.manager-panel__form{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;padding:16px 20px 20px;display:flex}.manager-panel__form h3{font-size:var(--fs-md);color:var(--text-primary);font-weight:600}.manager-panel__error{color:var(--color-danger);border-radius:var(--radius-xs);font-size:var(--fs-sm);background:#ef444414;padding:8px 12px}.manager-panel__input{border:1.5px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:var(--fs-md);color:var(--text-primary);transition:border-color var(--ease-fast), box-shadow var(--ease-fast);outline:none;padding:10px 12px}.manager-panel__input:focus{border-color:var(--color-brand);box-shadow:var(--shadow-input-focus)}.manager-panel__input::placeholder{color:var(--color-gray-400)}.manager-panel__form-actions{justify-content:flex-end;gap:8px;display:flex}.manager-panel__cancel-btn{border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text-secondary);background:var(--color-gray-100);transition:background var(--ease-fast);padding:8px 16px;font-weight:500}.manager-panel__cancel-btn:hover{background:var(--color-gray-200)}.manager-panel__submit-btn{border-radius:var(--radius-sm);font-size:var(--fs-sm);background:var(--color-brand);color:var(--text-inverse);transition:background var(--ease-fast);padding:8px 20px;font-weight:600}.manager-panel__submit-btn:hover:not(:disabled){background:var(--color-brand-light)}.manager-panel__submit-btn:disabled{opacity:.5}.new-conv-dialog{background:var(--color-white);border-radius:var(--radius-lg);width:420px;max-width:90vw;max-height:80vh;box-shadow:var(--shadow-lg);animation:.25s ease-out fadeUp;overflow-y:auto}.new-conv-dialog__header{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:16px 20px;display:flex}.new-conv-dialog__header h3{font-size:var(--fs-lg);color:var(--text-primary);flex:1;font-weight:600}.new-conv-dialog__close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .15s;display:flex}.new-conv-dialog__close:hover{background:var(--color-gray-100);color:var(--text-primary)}.new-conv-dialog__body{flex-direction:column;gap:8px;padding:16px 20px;display:flex}.new-conv-dialog__label{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:4px;font-weight:500}.new-conv-dialog__channels{gap:8px;display:flex}.new-conv-dialog__channel-btn{border:2px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:var(--fs-md);color:var(--text-secondary);background:var(--color-white);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-weight:500;transition:all .15s;display:flex}.new-conv-dialog__channel-btn:hover{border-color:var(--color-gray-300);background:var(--color-gray-50)}.new-conv-dialog__channel-btn--active{border-color:var(--color-brand);background:var(--color-brand-bg);color:var(--color-brand)}.new-conv-dialog__input{border:1.5px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:var(--fs-md);color:var(--text-primary);background:#fff;outline:none;padding:10px 12px;transition:border-color .15s}.new-conv-dialog__input:focus{border-color:var(--color-brand)}.new-conv-dialog__input::placeholder{color:var(--color-gray-400)}.new-conv-dialog__textarea{border:1.5px solid var(--color-gray-200);border-radius:var(--radius-sm);font-size:var(--fs-md);color:var(--text-primary);resize:vertical;background:#fff;outline:none;padding:10px 12px;font-family:inherit;transition:border-color .15s}.new-conv-dialog__textarea:focus{border-color:var(--color-brand)}.new-conv-dialog__textarea::placeholder{color:var(--color-gray-400)}.new-conv-dialog__error{color:var(--color-danger);border-radius:var(--radius-xs);font-size:var(--fs-sm);background:#ef444414;padding:8px 12px}.new-conv-dialog__footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:12px 20px 16px;display:flex}.new-conv-dialog__cancel{border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text-secondary);background:var(--color-gray-100);padding:8px 16px;font-weight:500;transition:background .15s}.new-conv-dialog__cancel:hover{background:var(--color-gray-200)}.new-conv-dialog__send{border-radius:var(--radius-sm);font-size:var(--fs-sm);background:var(--color-brand);color:var(--text-inverse);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 20px;font-weight:600;transition:background .15s;display:flex}.new-conv-dialog__send:hover:not(:disabled){background:var(--color-brand-light)}.new-conv-dialog__send:disabled{opacity:.5;cursor:not-allowed}.channel-badge{border-radius:var(--radius-full);background:var(--channel-color);color:var(--text-inverse);white-space:nowrap;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.channel-badge--normal{font-size:var(--fs-xs);padding:3px 10px}.channel-badge--small{border:2px solid var(--surface-sidebar);background:0 0;width:18px;height:18px;padding:0}.channel-badge--tiny{background:0 0;width:16px;height:16px;padding:0}.channel-badge--telegram{--channel-color:var(--color-telegram)}.channel-badge--avito{--channel-color:var(--color-avito)}.channel-badge--max{--channel-color:var(--color-max)}.chat-window{background:var(--surface-chat);flex-direction:column;flex:1;min-width:0;display:flex}.chat-window--empty{justify-content:center;align-items:center}.chat-window__placeholder{text-align:center;color:var(--text-secondary)}.chat-window__placeholder svg{color:var(--color-gray-300);margin-bottom:16px}.chat-window__placeholder h3{font-size:var(--fs-xl);color:var(--text-primary);margin-bottom:6px}.chat-window__placeholder p{font-size:var(--fs-md)}.chat-window__header{background:var(--surface-chat-header);border-bottom:1px solid var(--border-color);min-height:var(--header-height);box-shadow:var(--shadow-sm);flex-shrink:0;align-items:center;padding:0 24px;display:flex}.chat-window__header-info{flex:1;padding:10px 0}.chat-window__delete-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:8px;transition:all .2s;display:flex}.chat-window__delete-btn:hover{color:#e53935;background:#e539351a}.chat-window__ai-toggle{font-size:var(--fs-xs);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;transition:all .2s;display:inline-flex}.chat-window__ai-toggle--on{border-color:var(--color-brand);color:var(--color-brand);background:#4f6ef71f}.chat-window__ai-toggle:hover{background:#4f6ef714}.chat-window__contact-name{font-size:var(--fs-lg);color:var(--text-primary);font-weight:600}.chat-window__header-meta{align-items:center;gap:8px;margin-top:3px;display:flex}.chat-window__assigned,.chat-window__ai-badge{font-size:var(--fs-xs);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.chat-window__assigned{color:var(--text-secondary);background:var(--color-gray-100)}.chat-window__ai-badge{color:var(--color-brand);background:var(--color-brand-bg);font-weight:600}.chat-window__avito-item{background:#f0fdf4;border-bottom:1px solid #dcfce7;align-items:center;gap:12px;padding:8px 24px;display:flex}.chat-window__avito-item-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px}.chat-window__avito-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-window__avito-item-title{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.chat-window__avito-item-price{color:#16a34a;font-size:12px;font-weight:600}.chat-window__avito-item-link{color:#16a34a;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.chat-window__avito-item-link:hover{background:#bbf7d0}.chat-window__messages{flex-direction:column;flex:1;gap:6px;padding:20px 24px;display:flex;overflow-y:auto}.chat-window__loading{text-align:center;color:var(--text-secondary);font-size:var(--fs-sm);padding:24px}.message{align-items:flex-end;gap:8px;max-width:80%;animation:.25s ease-out messageSlide;display:flex}.message--left{align-self:flex-start}.message--right{flex-direction:row-reverse;align-self:flex-end}.message__avatar{border-radius:var(--radius-full);background:var(--color-gray-200);width:32px;height:32px;color:var(--text-secondary);font-size:var(--fs-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.message--ai .message__avatar{background:linear-gradient(135deg, var(--bubble-ai-start), var(--bubble-ai-end));color:var(--color-brand)}.message__bubble{border-radius:var(--radius-lg);padding:10px 14px;position:relative;box-shadow:0 1px 2px #0000000d}.message--customer .message__bubble{background:var(--bubble-customer);color:var(--bubble-customer-text);border-bottom-left-radius:var(--radius-xs)}.message--manager .message__bubble{background:var(--bubble-manager);color:var(--bubble-manager-text);border-bottom-right-radius:var(--radius-xs)}.message--ai .message__bubble{background:linear-gradient(135deg, var(--bubble-ai-start) 0%, var(--bubble-ai-end) 100%);color:var(--bubble-ai-text);border:1px solid var(--bubble-ai-border);border-bottom-left-radius:var(--radius-xs)}.message--ai .message__bubble:before{content:"";background:var(--color-brand);opacity:.5;border-radius:2px;width:3px;height:calc(100% - 16px);position:absolute;top:8px;left:-1px}.message--system{align-self:center;max-width:100%}.message--system .message__bubble{color:var(--text-secondary);font-size:var(--fs-sm);text-align:center;box-shadow:none;background:0 0}.message__header{align-items:center;gap:6px;margin-bottom:2px;display:flex}.message__sender{font-size:var(--fs-xs);opacity:.7;font-weight:600}.message--manager .message__sender{display:none}.message__content{font-size:var(--fs-md);white-space:pre-wrap;word-break:break-word;line-height:1.5}.message__image-wrap{margin-bottom:4px;display:block}.message__image{object-fit:cover;cursor:pointer;border-radius:8px;max-width:300px;max-height:300px}.message__file{color:var(--color-text-primary);background:#0000000d;border-radius:8px;align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;text-decoration:none;transition:background .15s;display:flex}.message__file:hover{background:#0000001a}.message--manager .message__file{color:#fff;background:#ffffff26}.message--manager .message__file:hover{background:#ffffff40}.message__file-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.message__link{color:var(--color-brand-light,#6c8ef5);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .2s}.message__link:hover{text-decoration-color:currentColor}.message--manager .message__link{color:#ffffffd9}.message__date-separator{justify-content:center;align-items:center;padding:16px 0 8px;display:flex}.message__date-separator span{font-size:var(--fs-xs);color:var(--text-muted);background:var(--surface-main,#f5f5f5);border-radius:12px;padding:4px 12px;font-weight:500}.message__time{opacity:.45;text-align:right;justify-content:flex-end;align-items:center;gap:3px;margin-top:4px;font-size:10px;display:flex}.message--manager .message__time{color:#fff9}.message__status-icon{opacity:1;stroke-width:3px;flex-shrink:0}.message--manager .message__status-icon{color:#ffffffd9}.message--ai .message__status-icon{color:var(--color-gray-500)}.message__status-icon--read{color:#2ecc40!important}.message--manager .message__status-icon--read{color:#7cff7c!important}.message__quote{border-left:3px solid var(--color-brand);background:#0000000d;border-radius:4px;flex-direction:column;gap:2px;margin-bottom:6px;padding:6px 10px;display:flex}.message--manager .message__quote{background:#ffffff26;border-left-color:#ffffff80}.message__quote-sender{color:var(--color-brand);font-size:11px;font-weight:600}.message--manager .message__quote-sender{color:#fffc}.message__quote-text{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:12px;overflow:hidden}.message--manager .message__quote-text{color:#fff9}.message{position:relative}.message__reply-btn{opacity:0;background:var(--color-gray-200);cursor:pointer;width:28px;height:28px;color:var(--color-text-secondary);border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.message:hover .message__reply-btn{opacity:1}.message__reply-btn:hover{background:var(--color-gray-300);color:var(--color-text-primary)}.message--left .message__reply-btn{right:-36px}.message--right .message__reply-btn{left:auto;right:-36px}.message-input__reply-preview{background:var(--surface-input);align-items:center;gap:8px;padding:8px 24px 0;display:flex}.message-input__reply-bar{border-left:3px solid var(--color-brand);background:var(--color-gray-100);border-radius:4px;flex:1;min-width:0;padding:4px 10px}.message-input__reply-sender{color:var(--color-brand);font-size:12px;font-weight:600;display:block}.message-input__reply-text{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.message-input__reply-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.message-input__reply-close:hover{background:var(--color-gray-200)}.message-input{background:var(--surface-input);border-top:1px solid var(--border-color);flex-shrink:0;padding:12px 24px 16px}.message-input__form{background:var(--color-gray-50);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:border-color var(--ease-fast), box-shadow var(--ease-fast);align-items:flex-end;gap:8px;padding:8px 12px;display:flex}.message-input__form:focus-within{border-color:var(--color-brand);box-shadow:var(--shadow-input-focus);background:var(--color-white)}.message-input__textarea{resize:none;font-size:var(--fs-md);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:120px;padding:4px 0;line-height:1.5}.message-input__textarea::placeholder{color:var(--color-gray-400)}.message-input__action,.message-input__send{border-radius:var(--radius-full);width:36px;height:36px;transition:all var(--ease-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.message-input__action{color:var(--color-gray-400)}.message-input__action:hover{background:var(--color-gray-200);color:var(--text-primary)}.message-input__file-hidden{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.message-input__send{background:var(--color-brand);color:var(--text-inverse)}.message-input__send:hover:not(:disabled){background:var(--color-brand-light);transform:scale(1.05)}.message-input__send:disabled{opacity:.35;transform:none}.contact-panel{width:var(--panel-width);min-width:var(--panel-width);background:var(--surface-panel);border-left:1px solid var(--border-color);flex-direction:column;animation:.25s ease-out slideInRight;display:flex;overflow-y:auto}.contact-panel__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.contact-panel__header h3{font-size:var(--fs-lg);color:var(--text-primary);font-weight:600}.contact-panel__close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-secondary);transition:background var(--ease-fast);justify-content:center;align-items:center;display:flex}.contact-panel__close:hover{background:var(--color-gray-100)}.contact-panel__avatar-section{flex-direction:column;align-items:center;gap:12px;padding:28px 20px 16px;display:flex}.contact-panel__avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-brand), #8b5cf6);width:68px;height:68px;color:var(--text-inverse);font-size:var(--fs-2xl);justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:0 4px 14px #4f6ef740}.contact-panel__name{font-size:var(--fs-lg);color:var(--text-primary);font-weight:600}.contact-panel__info{flex-direction:column;gap:10px;padding:0 20px 16px;display:flex}.contact-panel__row{font-size:var(--fs-sm);color:var(--text-secondary);align-items:center;gap:8px;display:flex}.contact-panel__row svg{flex-shrink:0}.contact-panel__label{color:var(--text-primary);font-weight:500}.contact-panel__channels{flex-wrap:wrap;gap:4px;display:flex}.contact-panel__actions{border-top:1px solid var(--border-color);flex-direction:column;gap:8px;padding:16px 20px;display:flex}.contact-panel__btn{border-radius:var(--radius-sm);font-size:var(--fs-sm);background:var(--color-gray-100);color:var(--text-primary);transition:all var(--ease-fast);align-items:center;gap:8px;padding:10px 14px;font-weight:500;text-decoration:none;display:flex}.contact-panel__btn:hover{background:var(--color-gray-200)}.contact-panel__btn--active{background:var(--color-brand-bg);color:var(--color-brand)}.contact-panel__btn--active:hover{background:var(--color-brand-bg-hover)}.contact-panel__btn--amo{color:#ea580c;background:#fff7ed}.contact-panel__btn--amo:hover{background:#fed7aa}.contact-panel__btn--link{color:var(--color-brand)}.contact-panel__btn--disabled{opacity:.5;cursor:default}.contact-panel__btn--disabled:hover{background:var(--color-gray-100)}.contact-panel__status{font-size:var(--fs-sm);color:var(--text-secondary);border-top:1px solid var(--border-color);align-items:center;gap:8px;margin-top:auto;padding:16px 20px;display:flex}.contact-panel__status-dot{border-radius:var(--radius-full);width:8px;height:8px}.contact-panel__status-dot--open{background:var(--color-success)}.contact-panel__status-dot--pending{background:var(--color-warning)}.contact-panel__status-dot--closed{background:var(--color-danger)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.typing-indicator{color:var(--text-secondary);font-size:var(--fs-sm);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 16px;display:flex}.typing-indicator__text{white-space:nowrap}.typing-indicator__dots{align-items:center;gap:3px;display:inline-flex}.typing-indicator__dots span{border-radius:var(--radius-full);background:var(--color-gray-400);width:4px;height:4px;animation:1.4s ease-in-out infinite typing-bounce}.typing-indicator__dots span:nth-child(2){animation-delay:.2s}.typing-indicator__dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.template-picker{background:var(--surface-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);z-index:100;flex-direction:column;max-height:300px;margin-bottom:8px;animation:.2s ease-out fadeUp;display:flex;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 -4px 24px #00000014,0 -1px 4px #0000000a}.template-picker__header{border-bottom:1px solid var(--color-gray-100);align-items:center;gap:8px;padding:10px 12px 8px;display:flex}.template-picker__search{flex:1;align-items:center;display:flex;position:relative}.template-picker__search svg{color:var(--color-gray-400);pointer-events:none;position:absolute;left:10px}.template-picker__search-input{width:100%;font-size:var(--fs-sm);color:var(--text-primary);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);outline:none;padding:7px 12px 7px 32px}.template-picker__search-input:focus{border-color:var(--color-brand)}.template-picker__search-input::placeholder{color:var(--color-gray-400)}.template-picker__close{border-radius:var(--radius-full);width:28px;height:28px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.template-picker__close:hover{background:var(--color-gray-100)}.template-picker__list{flex:1;padding:4px 0;overflow-y:auto}.template-picker__list::-webkit-scrollbar{width:4px}.template-picker__list::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:var(--radius-full)}.template-picker__group-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-400);padding:10px 16px 4px;font-weight:600}.template-picker__item{text-align:left;cursor:pointer;width:100%;transition:background var(--ease-fast);background:0 0;border:none;padding:8px 16px;display:block}.template-picker__item:hover{background:var(--color-gray-50)}.template-picker__item-title{font-size:var(--fs-sm);color:var(--text-primary);font-weight:600;display:block}.template-picker__item-body{font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;display:block;overflow:hidden}.template-picker__empty{text-align:center;font-size:var(--fs-sm);color:var(--color-gray-400);padding:24px 16px}.message-input{position:relative}.message-input__action--active{background:var(--color-brand-bg);color:var(--color-brand)!important}.emoji-picker{background:var(--surface-panel);border:1px solid var(--color-gray-200);z-index:100;border-radius:12px;flex-direction:column;width:340px;max-height:320px;margin-bottom:8px;display:flex;position:absolute;bottom:100%;left:60px;box-shadow:0 8px 24px #00000026}.emoji-picker__tabs{border-bottom:1px solid var(--color-gray-200);background:var(--surface-panel);border-radius:12px 12px 0 0;flex-shrink:0;gap:2px;padding:8px 8px 0;display:flex;overflow-x:auto}.emoji-picker__tab{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px 6px 0 0;padding:4px 10px;font-size:11px}.emoji-picker__tab:hover{background:var(--color-gray-100)}.emoji-picker__tab--active{color:var(--color-brand);border-bottom:2px solid var(--color-brand);font-weight:600}.emoji-picker__grid{background:var(--surface-panel);border-radius:0 0 12px 12px;flex:1;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;display:grid;overflow-y:auto}.emoji-picker__emoji{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;transition:background .1s;display:flex}.emoji-picker__emoji:hover{background:var(--color-gray-100);transform:scale(1.15)}.ai-suggestion{border-radius:var(--radius-md);cursor:pointer;transition:background var(--ease-fast), border-color var(--ease-fast);background:#4f6ef708;border:1px dashed #4f6ef74d;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;display:flex;position:relative;overflow:hidden}.ai-suggestion:before{content:"";background:linear-gradient(110deg,#0000 30%,#4f6ef70f 50%,#0000 70%) 0 0/200% 100%;animation:3s ease-in-out infinite ai-shimmer;position:absolute;inset:0}@keyframes ai-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-suggestion:hover{background:#4f6ef70f;border-color:#4f6ef780}.ai-suggestion__label{font-size:var(--fs-xs);color:var(--color-brand);opacity:.7;z-index:1;flex-shrink:0;align-items:center;gap:4px;font-weight:600;display:inline-flex;position:relative}.ai-suggestion__text{font-size:var(--fs-sm);color:var(--color-brand-light);opacity:.65;white-space:nowrap;text-overflow:ellipsis;z-index:1;position:relative;overflow:hidden}.chat-list__search{flex-shrink:0;align-items:center;padding:8px 12px;display:flex;position:relative}.chat-list__search-icon{color:var(--text-sidebar-muted);pointer-events:none;transition:color var(--ease-fast);position:absolute;left:22px}.chat-list__search-input{width:100%;font-size:var(--fs-sm);color:var(--text-sidebar);border-radius:var(--radius-md);transition:background var(--ease-fast), border-color var(--ease-fast), box-shadow var(--ease-fast);background:#ffffff14;border:1px solid #ffffff0f;outline:none;padding:8px 12px 8px 34px}.chat-list__search-input::placeholder{color:var(--text-sidebar-muted)}.chat-list__search-input:hover{background:#ffffff1a}.chat-list__search-input:focus{border-color:var(--color-brand);background:#ffffff1f;box-shadow:0 0 0 2px #4f6ef740}.chat-list__search-input:focus~.chat-list__search-icon,.chat-list__search:focus-within .chat-list__search-icon{color:var(--color-brand-light)}.chat-list__filters{gap:6px;padding:0 16px 10px;display:flex}.chat-list__filter-btn{font-size:var(--fs-xs);color:var(--text-sidebar-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:4px;padding:4px 10px;transition:all .2s;display:inline-flex}.chat-list__filter-btn:hover{color:var(--text-sidebar);background:#ffffff1a}.chat-list__filter-btn--active{color:#fff;border-color:#0000}.chat-list__filter-btn--active.chat-list__filter-btn--telegram{background:#229ed9}.chat-list__filter-btn--active.chat-list__filter-btn--avito{color:#1a1a1a;background:#00e68a}.chat-list__filter-btn--active.chat-list__filter-btn--max{background:linear-gradient(90deg,#38b2f5,#8b45ce)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:100%;max-width:380px;display:flex;position:fixed;top:16px;right:16px}.toast{background:var(--color-gray-900);color:var(--text-inverse);border-radius:var(--radius-lg);pointer-events:auto;align-items:center;gap:10px;padding:12px 16px;animation:.35s cubic-bezier(.22,1,.36,1) forwards toast-slide-in;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0003,0 2px 8px #0000001f}@keyframes toast-slide-in{0%{opacity:0;transform:translate(calc(100% + 16px))}to{opacity:1;transform:translate(0)}}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.toast__body{font-size:var(--fs-xs);color:#fff9;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.toast__channel{border-radius:var(--radius-full);color:var(--text-inverse);flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:600}.toast__channel--telegram{background:var(--color-telegram)}.toast__channel--avito{background:var(--color-avito)}.toast__channel--max{background:var(--color-max)}.toast__close{border-radius:var(--radius-sm);color:#ffffff80;width:24px;height:24px;transition:color var(--ease-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast__close:hover{color:#ffffffe6}.status-dot{border-radius:var(--radius-full);border:2px solid var(--surface-panel);box-sizing:content-box;width:10px;height:10px;position:absolute;bottom:0;right:0}.status-dot--online{background:#22c55e;animation:2s ease-in-out infinite status-pulse}.status-dot--offline{background:var(--color-gray-400)}@keyframes status-pulse{0%,to{box-shadow:0 0 #22c55e73}50%{box-shadow:0 0 0 4px #22c55e00}}@media (prefers-reduced-motion:reduce){.typing-indicator__dots span,.status-dot--online,.ai-suggestion:before{animation:none}.toast{animation-duration:.01ms}}.chat-window__back-btn{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;justify-content:center;align-items:center;margin-right:8px;padding:6px;display:none}.chat-window__back-btn:hover{background:var(--color-gray-100)}@media (width<=1100px){.contact-panel,.app__panel-toggle{display:none}.message{max-width:80%}}@media (width<=1024px){.chat-list{border-right:none;width:100%;min-width:100%;height:100vh;max-height:100vh}.chat-window{width:100%;height:100vh;min-height:100vh}.app:not(.app--chat-open) .chat-window,.app--chat-open .chat-list{display:none}.chat-window__back-btn{display:flex}.chat-window__header{padding:0 12px}.chat-window__contact-name{font-size:var(--fs-md)}.chat-window__header-meta{flex-wrap:wrap;gap:4px}.message{max-width:90%}.message-input{padding:8px 12px}.chat-list__header{padding:12px}.chat-list__items{padding:4px 6px}.chat-list__item{border-radius:var(--radius-sm);padding:10px}.chat-list__footer{padding:10px 12px}.new-conv-dialog,.manager-panel__dialog{width:95vw;max-width:95vw}}