:root{color:#e7edf5;--top-bar-height:72px;--scrollbar-size:10px;--scrollbar-track:#121a24;--scrollbar-thumb:#3d536b;--scrollbar-thumb-hover:#5ea3ff;--scrollbar-thumb-active:#4a8fd9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0e1621;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--scrollbar-thumb) 0%, #334a62 100%);border:2px solid var(--scrollbar-track);background-clip:padding-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--scrollbar-thumb-hover) 0%, #3d8fd4 100%);border-color:var(--scrollbar-track)}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}body{margin:0}button,input,select{font:inherit}#app,.app-root{min-height:100vh}.auth-page{background:radial-gradient(circle at 20% 20%,#1a2a3d,#0e1621 55%);place-items:center;min-height:100vh;display:grid}.auth-card{background:#17212b;border:1px solid #253242;border-radius:14px;width:min(420px,92vw);padding:32px;box-shadow:0 20px 40px #02060c73}.auth-card h1{margin:0 0 8px;font-size:24px}.auth-card p{color:#8ea2b8;margin:0 0 18px}.auth-form{gap:10px;display:grid}.auth-form label{color:#8ea2b8;font-size:13px}input{color:#e7edf5;background:#0f1a27;border:1px solid #314156;border-radius:10px;outline:none;padding:12px 14px}input:focus{border-color:#5ea3ff}button{color:#fff;cursor:pointer;background:#5ea3ff;border:none;border-radius:10px;padding:10px 14px}.btn-light{color:#dce7f3;background:#253242}.icon-btn{justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.icon-btn svg{width:20px;height:20px}.error-text{color:#dc2626;margin-top:12px}.app-shell{background:#0e1621;grid-template-columns:360px 1fr;height:100vh;display:grid}.sidebar{background:#17212b;border-right:1px solid #253242;overflow-y:auto}.sidebar-top{height:var(--top-bar-height);border-bottom:1px solid #253242;align-items:center;padding:14px;display:flex}.sidebar-top-row{gap:8px}.sidebar-top-with-back{gap:8px;padding-left:10px}.sidebar-logout-btn{color:#9bb2c9;cursor:pointer;background:#1b2a3b;border:1px solid #314156;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.sidebar-logout-btn:hover{color:#e7edf5;background:#233244}.sidebar-back-btn{color:#e7edf5;cursor:pointer;background:#1b2a3b;border:1px solid #314156;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.sidebar-back-btn:hover{background:#233244}.sidebar-search-flex{flex:1;min-width:0}.search-input{background:#0f1a27;width:100%;padding-right:38px}.search-wrap{width:100%;position:relative}.search-clear{color:#9bb2c9;background:#1b2a3b;border:1px solid #314156;border-radius:13px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.search-clear svg{width:14px;height:14px}.chat-section{padding:8px}.chat-section-personal{border-top:1px solid #253242;padding-top:12px}.sidebar-empty-hint{color:#6b7f8f;margin:8px 6px 12px;font-size:13px}.sidebar-loading,.sidebar-error{color:#8ea2b8;margin:8px 6px 12px;font-size:13px}.sidebar-error{color:#fca5a5}.sidebar-load-more{color:#8ea2b8;text-align:center;margin:10px 6px 14px;font-size:12px}.sidebar-load-more-hint{opacity:.75}.section-title{text-transform:uppercase;color:#7f93a9;margin:8px 6px;font-size:12px}.chat-item{width:100%;color:inherit;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.chat-item:hover{background:#233244}.chat-item.active{background:#2b5278}.avatar{color:#fff;background:#2f79ff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:600;display:grid}.meta{flex:1;min-width:0}.name{margin:0;font-weight:600}.preview{color:#8ea2b8;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:14px;overflow:hidden}.right-meta{justify-items:end;gap:5px;display:grid}.time{color:#7f93a9;font-size:12px}.badge{color:#fff;background:#5ea3ff;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:inline-grid}.chat-main{background:#0e1621;grid-template-rows:auto 1fr auto;min-width:0;min-height:0;display:grid;overflow-x:hidden}.chat-main.empty{color:#8ea2b8;place-items:center}.mobile-back-btn{flex-shrink:0;display:none}.chat-header-back-btn{flex-shrink:0}.filial-select{color:#e7edf5;cursor:pointer;appearance:none;background:#0f1a27 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8l4 4 4-4' stroke='%239bb2c9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center/14px no-repeat;border:1px solid #314156;border-radius:10px;outline:none;min-width:160px;max-width:min(220px,40vw);padding:9px 36px 9px 12px;font-weight:500}.filial-select:disabled{opacity:.65;cursor:wait}.filial-select:focus{border-color:#5ea3ff;box-shadow:0 0 0 3px #5ea3ff33}.chat-header{min-height:var(--top-bar-height);background:#17212b;border-bottom:1px solid #253242;align-items:center;gap:10px;min-width:0;max-width:100%;padding:10px 14px;display:flex;overflow-x:hidden}.chat-header-text{flex:1;min-width:0;overflow:hidden}.chat-header .title{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;margin:0;font-weight:600;overflow:hidden}.chat-header .status{color:#7f93a9;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:2px 0 0;font-size:12px;overflow:hidden}.chat-message-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.sync-messages-bar{color:#8ea2b8;background:#5ea3ff14;border-bottom:1px solid #253242;flex:none;justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.sync-messages-dot{background:#5ea3ff;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite sync-pulse}@keyframes sync-pulse{50%{opacity:.35}}.api-error{color:#fca5a5;background:#dc26261f;border-bottom:1px solid #253242;margin:0;padding:10px 14px;font-size:13px}.message-list{flex:1;padding:18px;overflow-y:auto}.message-list-load-hint{text-align:center;color:#8ea2b8;padding:8px 0 12px;font-size:12px}.bubble-row{flex-direction:column;margin-bottom:8px;display:flex}.bubble-row:not(.own){align-items:flex-start}.bubble-row.own{align-items:flex-end}.bubble{overflow-wrap:anywhere;word-break:break-word;background:#182533;border:1px solid #253242;border-radius:12px;min-width:0;max-width:min(76%,660px);padding:10px 12px;position:relative}.bubble-row.own .bubble{background:#2b5278;border-color:#35648f}.bubble p,.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0}.bubble .bubble-link{color:#7cb7ff;text-underline-offset:2px;overflow-wrap:anywhere;word-break:break-all;text-decoration:underline}.bubble-row.own .bubble .bubble-link{color:#cfe6ff}.file-card{align-items:center;gap:8px;min-width:0;display:flex}.file-card-link{color:inherit;cursor:pointer;font:inherit;text-align:left;box-sizing:border-box;background:0 0;border:none;width:100%;text-decoration:none}.file-card.file-card-link{padding-left:0;padding-right:0}.file-card-link:hover .file-name{text-decoration:underline}.file-card-meta{flex:1;min-width:0}.file-icon{color:#fff;background:#2f79ff;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:10px;font-weight:700;display:grid}.file-icon-ext{letter-spacing:-.02em;text-align:center;word-break:break-all;-webkit-hyphens:auto;hyphens:auto;padding:4px;font-size:9px;line-height:1.05}.file-name{margin:0;font-weight:600}.file-size{color:#8ea2b8;margin:2px 0 0;font-size:12px}.bubble--photo,.bubble--file{width:fit-content;max-width:min(76%,660px)}.bubble--photo{padding:6px 6px 8px}.bubble--file{padding:4px 8px 6px}.bubble-photo-wrap{cursor:zoom-in;border-radius:8px;width:fit-content;max-width:min(280px,100vw - 80px);margin:0;line-height:0;overflow:hidden}.bubble-photo{object-fit:contain;vertical-align:middle;background:#0003;width:auto;max-width:100%;height:auto;max-height:min(360px,55vh);display:block}.bubble-photo-placeholder{background:#0003;border-radius:8px;min-width:min(200px,100%);min-height:120px}.bubble-photo-fallback{box-sizing:border-box;text-align:center;color:#8ea2b8;background:#00000038;border:1px dashed #314156;border-radius:8px;justify-content:center;align-items:center;min-width:min(200px,100%);min-height:120px;padding:16px;font-size:13px;line-height:1.35;display:flex}.bubble-photo-wrap--unavailable{cursor:default}.bubble-photo-wrap--unavailable:focus{outline:none}.bubble-caption{margin-top:8px!important}.bubble .meta{text-align:right;color:#8ea2b8;margin-top:4px;font-size:11px;display:block}.client-label{color:#9bb2c9;background:#0f1a2780;border:1px solid #314156;border-radius:8px;padding:1px 6px;font-size:10px;position:absolute;bottom:6px;left:10px}.bubble-row:not(.own) .bubble .meta{padding-left:66px}.message-input-bar{background:#17212b;border-top:1px solid #253242}.message-input-attachment{color:#c8d6e4;border-bottom:1px solid #253242;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.message-input-attachment-icon{color:#5ea3ff;flex-shrink:0;display:flex}.message-input-attachment-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.message-input-attachment-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.message-input-attachment-size{color:#8ea2b8;font-size:11px}.message-input-attachment-remove{color:#c8d6e4;cursor:pointer;background:#253242;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.message-input-attachment-remove svg{flex-shrink:0;display:block}.message-input-attachment-remove:hover{color:#e7edf5;background:#314156}.message-input{background:0 0;align-items:stretch;gap:10px;padding:12px;display:flex}.message-input input[type=text]{box-sizing:border-box;flex:1;min-height:46px}.message-input .icon-btn,.message-input .attach-btn{flex-shrink:0;align-self:stretch;width:46px;min-width:46px;height:auto}.hidden-file-input{display:none}.image-lightbox{z-index:10000;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.image-lightbox-close{z-index:10001;color:#e7edf5;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:fixed;top:12px;right:12px}.image-lightbox-close:hover{background:#fff3}.image-lightbox-img{object-fit:contain;cursor:default;border-radius:4px;width:auto;max-width:min(96vw,1400px);height:auto;max-height:min(92vh,1200px)}@media (width<=900px){.app-shell{flex-direction:column;height:100dvh;min-height:100dvh;display:flex}.app-shell:has(.chat-main:not(.empty)) .sidebar{display:none}.app-shell:has(.chat-main.empty) .chat-main.empty{display:none!important}.sidebar{border-right:none;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.chat-section{flex:none;overflow:visible}.chat-main:not(.empty){flex:1;min-width:0;min-height:0}.mobile-back-btn{display:inline-flex}}.notification-root{pointer-events:none;position:fixed;inset:0}.notification-stack{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:16px;right:16px}.notification{pointer-events:auto;color:#e7edf5;background:#17212b;border:1px solid #253242;border-radius:10px;align-items:center;gap:10px;min-width:260px;max-width:360px;padding:10px 12px;font-size:14px;display:flex;box-shadow:0 14px 30px #00000073}.notification-success{border-color:#22c55e}.notification-error{border-color:#f97373}.notification-info{border-color:#5ea3ff}.notification-message{flex:1}.notification-close{color:#9bb2c9;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.notification-close:hover{background:#94a3b81f}.message-reaction-picker{z-index:9500;background:#24303f;border:1px solid #314156;border-radius:22px;flex-wrap:wrap;gap:2px;max-width:min(320px,100vw - 16px);padding:6px 8px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Segoe UI Symbol,sans-serif;display:flex;position:fixed;box-shadow:0 12px 32px #0000008c}.message-reaction-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Segoe UI Symbol,sans-serif;font-size:22px;line-height:1;display:inline-flex}.message-reaction-btn:hover{background:#5ea3ff33}.message-reaction-chip{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;max-width:100%;margin-top:4px;margin-bottom:0;padding:0;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Segoe UI Symbol,sans-serif;font-size:18px;line-height:1;display:inline-flex}.message-reaction-emoji{line-height:1}