@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap";:root{--thead-h: 48px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--font-family: "Mulish", sans-serif;--title: 700 24px/40px var(--font-family);--title-small: 700 18px/24px var(--font-family);--text-semibold-large: 500 15px/20px var(--font-family);--text-semibold-medium: 500 14px/24px var(--font-family);--text-semibold-small: 500 13px/16px var(--font-family);--text-regular-large: 400 15px/20px var(--font-family);--text-regular-medium: 400 14px/24px var(--font-family);--text-regular-small: 400 13px/16px var(--font-family);--text-caption: 500 12px/14px var(--font-family);--news-color: var(--main-color-10);--wave-color: #e04e10;--progress-color: #dd5e98;--cursor-color: #ddd5e9}html[data-theme=dark]{--news-color: var(--surface-color);--surface-color: #242f3d;--surface-color-variant: #39495e;--background-color: #17212b;--background-secondary-color: #242f3d;--background-tertiary-color: #242f3d;--text-color: #fff;--text-inverted-color: #26325c;--text-secondary-color: #7f91a4;--text-tertiary-color: #7f91a4;--backdrop-color: rgba(23, 33, 43, .75);--title-color: #fff;--line-color: #2c3743;--danger-color: #ff6270;--success-color: #70cf98;--warning-color: #f2c94c;--grey-color: #7f91a4;--grey-color-50: rgba(127, 145, 164, .5);--main-color: #7177f8;--main-variant-color: #525aff;--secondary-color: rgba(127, 145, 164, .5);--secondary-variant-color: rgba(127, 145, 164, .7);--tertiary-color: #242f3d;--tertiary-variant-color: #39495e;--surface-color-50: rgba(36, 47, 61, 1)}html{--tertiary-color: #f8f9fa;--tertiary-variant-color: rgba(38, 50, 92, .1);--surface-color-50: rgba(36, 47, 61, 1);--light-gray: #323f4e;--gray: #242f3d;--gray-clue: #39495e;--tab-color: #ffffff99;--tab-color-active: #ffffff;--text-color: #26325c;--light-color-03: rgba(255, 255, 255, .03);--text-inverted-color: #fff;--text-secondary-color: #83899f;--text-tertiary-color: #26325c;--dark-color: #26325c;--dark-color-10: rgba(38, 50, 92, .1);--dark-color-20: rgba(38, 50, 92, .2);--dark-color-25: rgba(38, 50, 92, .25);--dark-color-50: rgba(38, 50, 92, .5);--dark-color-75: rgba(38, 50, 92, .75);--dark-color-05: rgba(38, 50, 92, .05);--grey-color: #83899f;--grey-color-25: rgba(131, 137, 159, .25);--grey-color-50: rgba(131, 137, 159, .5);--grey-color-20: rgba(131, 137, 159, .2);--light-color: #fff;--light-color-25: rgba(255, 255, 255, .25);--light-color-40: rgba(255, 255, 255, .4);--light-color-50: rgba(255, 255, 255, .5);--light-color-75: rgba(255, 255, 255, .75);--background-color: #fff;--background-secondary-color: #fff;--background-tertiary-color: rgba(69, 76, 238, .05);--backdrop-color: rgba(255, 255, 255, .75);--line-color: #e8ebef;--line-color-25: rgba(232, 235, 239, .25);--main-variant-color: #2d35ee;--main-color: #454cee;--main-color-05: rgba(69, 76, 238, .05);--main-color-10: rgba(69, 76, 238, .1);--main-color-20: rgba(69, 76, 238, .2);--main-color-30: rgba(69, 76, 238, .3);--main-color-50: rgba(69, 76, 238, .5);--danger-color: #ea4335;--danger-color-10: rgba(234, 67, 53, .1);--danger-color-20: rgba(234, 67, 53, .2);--danger-color-70: rgba(234, 67, 53, .7);--danger-color-80: rgba(234, 67, 53, .8);--success-color: #1cc14d;--success-color-10: rgba(28, 193, 77, .1);--warning-color: #f2c94c;--warning-color-10: rgba(242, 201, 76, .1);--warning-color-25: rgba(242, 201, 76, .25);--title-color: #26325c;--surface-color: #f8f9fa;--surface-color-variant: #fff;--orange-color: #eb501e;--box-shadow: 0px 4px 12px rgba(5, 12, 38, .12);--border-radius-large: 12px;--border-radius-medium: 8px;--border-radius-small: 4px;--transition-duration: .2s;--transition-function: ease-in-out}*{box-sizing:border-box}html,body,#app{min-height:100%;height:100%}body{margin:0;overflow:hidden;overscroll-behavior:none;background:var(--background-color);color:var(--text-color);font:var(--text-regular-medium);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea{font:inherit}input,select,textarea{font-size:16px!important}button{color:inherit}[hidden]{display:none!important}.appShell,.installScreen,.authScreen,.messengerScreen{min-height:100dvh}.installScreen,.authScreen{display:grid;place-items:center;padding:calc(24px + var(--safe-top)) calc(24px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(24px + var(--safe-left));background:linear-gradient(180deg,var(--background-tertiary-color),transparent 34%),var(--background-color)}.installCard,.card{width:100%;max-width:408px;padding:24px;background:var(--background-secondary-color);border:1px solid var(--line-color);border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow)}.authScreen .wrap{width:min(90vw,760px)}.authScreen .card{width:100%;max-width:760px;min-height:min(78dvh,720px);display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,6vw,56px)}.installLogo{width:64px;height:64px;display:block;margin-bottom:20px;border-radius:16px}.installCard h1,.chatEmpty h2{margin:0;color:var(--title-color);font:800 28px/34px var(--font-family)}.installCard p,.chatEmpty p{margin:10px 0 0;color:var(--text-secondary-color);font:var(--text-regular-medium)}.installSteps{display:grid;gap:10px;margin:22px 0}.installSteps div{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;color:var(--text-color)}.installSteps span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--main-color-10);color:var(--main-color);font:var(--text-caption)}.wrap{display:grid;place-items:center}.cardTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.brandIcon{width:40px;height:40px;border-radius:10px}.title{margin:0 0 12px;padding-bottom:20px;color:var(--title-color);font:var(--title);font-weight:800}.field{margin-bottom:16px}.name{position:relative;margin-bottom:6px;color:var(--text-secondary-color);font:var(--text-regular-small)}.input{position:relative;display:flex;align-items:center;background:var(--surface-color-variant);border:1px solid var(--line-color);border-radius:var(--border-radius-medium);transition:border var(--transition-duration) var(--transition-function),box-shadow var(--transition-duration) var(--transition-function)}.input:focus-within,.searchBox:focus-within,.composer:focus-within{border-color:var(--main-color);box-shadow:0 0 0 2px var(--main-color-20)}.form-control{width:100%;padding:10px 14px;border:0;outline:0;background:transparent;color:var(--text-color);font:400 16px/24px var(--font-family)}.icon-eye,.iconControl,.sendBtn{border:0;background:transparent;cursor:pointer}.icon-eye{position:absolute;right:10px;top:1px;width:30px;height:30px}.icon-eye:before{content:"";display:block;width:20px;height:20px;margin:5px;background:currentColor;color:var(--text-secondary-color);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.99999 3.25C14.044 3.25 17.4085 6.16 18.1142 10C17.4092 13.84 14.044 16.75 9.99999 16.75C5.95599 16.75 2.59149 13.84 1.88574 10C2.59074 6.16 5.95599 3.25 9.99999 3.25ZM9.99999 15.25C11.5296 15.2497 13.0138 14.7301 14.2096 13.7764C15.4055 12.8226 16.2422 11.4912 16.5827 10C16.2409 8.50998 15.4037 7.18 14.208 6.22752C13.0122 5.27504 11.5287 4.7564 9.99999 4.7564C8.47126 4.7564 6.98776 5.27504 5.79202 6.22752C4.59629 7.18 3.75907 8.50998 3.41724 10C3.75781 11.4912 4.5945 12.8226 5.79035 13.7764C6.9862 14.7301 8.47039 15.2497 9.99999 15.25ZM9.99999 13.375C9.10489 13.375 8.24644 13.0194 7.61351 12.3865C6.98057 11.7535 6.62499 10.8951 6.62499 10C6.62499 9.10489 6.98057 8.24645 7.61351 7.61351C8.24644 6.98058 9.10489 6.625 9.99999 6.625C10.8951 6.625 11.7535 6.98058 12.3865 7.61351C13.0194 8.24645 13.375 9.10489 13.375 10C13.375 10.8951 13.0194 11.7535 12.3865 12.3865C11.7535 13.0194 10.8951 13.375 9.99999 13.375ZM9.99999 11.875C10.4973 11.875 10.9742 11.6775 11.3258 11.3258C11.6774 10.9742 11.875 10.4973 11.875 10C11.875 9.50272 11.6774 9.02581 11.3258 8.67417C10.9742 8.32254 10.4973 8.125 9.99999 8.125C9.50271 8.125 9.0258 8.32254 8.67417 8.67417C8.32254 9.02581 8.12499 9.50272 8.12499 10C8.12499 10.4973 8.32254 10.9742 8.67417 11.3258C9.0258 11.6775 9.50271 11.875 9.99999 11.875Z' fill='%23868C98'/%3E%3C/svg%3E") center/contain no-repeat}.custom_btn{width:100%;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 16px;border:0;border-radius:14px;background:var(--main-color);color:#fff;cursor:pointer;transition:background var(--transition-duration) var(--transition-function),transform var(--transition-duration) var(--transition-function),opacity var(--transition-duration) var(--transition-function)}.custom_btn:hover{background:var(--main-variant-color);transform:translateY(-1px)}.custom_btn:disabled{opacity:.6;cursor:not-allowed}.actions{margin-top:18px}.username{margin:6px 0 10px;color:var(--text-color);font-weight:600}.cselect{position:relative}.cselect__btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--line-color);border-radius:var(--border-radius-medium);background:var(--surface-color-variant);color:var(--text-color);font:400 16px/24px var(--font-family);cursor:pointer}.cselect[aria-expanded=true] .cselect__list{display:block}.cselect__list{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);max-height:220px;overflow:auto;z-index:10;background:var(--surface-color-variant);border:1px solid var(--line-color);border-radius:8px}.cselect__item{padding:10px 14px;cursor:pointer}.cselect__item:hover,.cselect__item[aria-selected=true]{background:var(--main-color-10)}.chev{width:16px;height:16px;fill:none;stroke:var(--text-secondary-color);stroke-width:2}.toastError{position:fixed;top:calc(16px + env(safe-area-inset-top));left:50%;z-index:20;width:min(408px,calc(100vw - 32px));padding:10px 16px;border-radius:8px;background:var(--danger-color);color:#fff;transform:translate(-50%);box-shadow:var(--box-shadow)}.messengerScreen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:372px minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden;background:var(--background-color)}.sidebar{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line-color);background:var(--background-secondary-color)}.appHeader,.chatHeader{z-index:5;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:calc(16px + var(--safe-top)) 16px 16px;border-bottom:1px solid var(--line-color);background:var(--background-secondary-color)}.appHeader h1,.chatHeader h2{margin:0;color:var(--title-color);font:800 22px/28px var(--font-family)}.eyebrow,.chatHeader p{margin:0;color:var(--text-secondary-color);font:var(--text-caption)}.headerActions{display:flex;gap:8px}.iconControl{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;color:var(--text-secondary-color);background:var(--background-tertiary-color)}.iconControl:hover{color:var(--main-color)}.sunIcon,.logoutIcon,.searchIcon,.sendIcon{display:block;width:19px;height:19px;background:currentColor}.sunIcon{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41'/%3E%3C/svg%3E") center/contain no-repeat}.logoutIcon{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E") center/contain no-repeat}.searchIcon{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E") center/contain no-repeat}.sendIcon{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3.4 20.4 21.7 12 3.4 3.6 3 10.1 14 12 3 13.9l.4 6.5Z'/%3E%3C/svg%3E") center/contain no-repeat}.backIcon{display:block;width:19px;height:19px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E") center/contain no-repeat}.chatBack{display:none}.searchBox{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;margin:14px 16px 10px;padding:10px 12px;border:1px solid var(--line-color);border-radius:var(--border-radius-medium);background:var(--surface-color-variant);color:var(--text-secondary-color)}.searchBox input{min-width:0;border:0;outline:0;background:transparent;color:var(--text-color);font:400 16px/22px var(--font-family)}.notificationPrompt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin:12px 16px 0;padding:12px;border:1px solid var(--line-color);border-radius:var(--border-radius-medium);background:var(--main-color-10)}.notificationPrompt strong,.notificationPrompt span{display:block}.notificationPrompt strong{color:var(--title-color);font:var(--text-semibold-medium)}.notificationPrompt span{color:var(--text-secondary-color);font:var(--text-regular-small)}.notificationPrompt button{min-height:34px;padding:0 12px;border:0;border-radius:8px;background:var(--main-color);color:#fff;cursor:pointer}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 16px 10px;padding:4px;border-radius:var(--border-radius-medium);background:var(--background-tertiary-color)}.segmented button{min-height:36px;border:0;border-radius:6px;background:transparent;color:var(--text-secondary-color);cursor:pointer}.segmented button.is-active{background:var(--surface-color-variant);color:var(--main-color);box-shadow:var(--box-shadow)}.contactList{flex:1 1 auto;min-height:0;overflow:auto;padding:0 8px max(12px,var(--safe-bottom));-webkit-overflow-scrolling:touch}.contactItem{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;padding:10px 8px;border:0;border-radius:var(--border-radius-medium);background:transparent;text-align:left;cursor:pointer}.contactItem:hover,.contactItem.is-active{background:var(--main-color-10)}.avatarWrap{position:relative;width:48px;height:48px;flex:0 0 48px}.avatar{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--main-color-10);color:var(--main-color);font:800 14px/1 var(--font-family)}.avatar img{width:100%;height:100%;object-fit:cover}.statusDot{position:absolute;right:1px;bottom:1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--background-secondary-color);background:var(--grey-color-50)}.statusDot.is-online{background:var(--success-color)}.contactMain{min-width:0}.contactTop,.contactBottom{display:flex;justify-content:space-between;gap:8px;min-width:0}.contactName,.contactPreview,.contactRole{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contactName{color:var(--text-color);font:var(--text-semibold-medium)}.contactTime,.contactRole,.contactPreview,.emptyList{color:var(--text-secondary-color);font:var(--text-regular-small)}.contactPreview{flex:1}.unreadBadge,.newBadge{flex:0 0 auto;min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 6px;border-radius:999px;background:var(--main-color);color:#fff;font:var(--text-caption)}.newBadge{background:var(--main-color-10);color:var(--main-color)}.emptyList{padding:18px;text-align:center}.chatPanel{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--surface-color)}.chatEmpty{margin:auto;width:min(360px,calc(100vw - 32px));text-align:center}.chatEmpty img{width:72px;height:72px;margin-bottom:18px;border-radius:18px}.chatView{min-width:0;min-height:0;height:100%;flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.chatHeader{justify-content:flex-start;gap:12px;padding-right:max(16px,var(--safe-right));padding-left:max(16px,var(--safe-left))}.messageList{flex:1 1 auto;min-height:0;overflow:auto;padding:18px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.message{max-width:min(620px,78%);margin-bottom:12px}.message.is-own{margin-left:auto}.messageMeta{margin-bottom:4px;color:var(--text-secondary-color);font:var(--text-caption)}.bubble{padding:10px 12px;border-radius:12px;background:var(--background-secondary-color);color:var(--text-color);border:1px solid var(--line-color);white-space:pre-wrap;overflow-wrap:anywhere}.message.is-own .bubble{background:var(--main-color);color:#fff;border-color:transparent}.composer{z-index:6;flex:0 0 auto;display:grid;grid-template-columns:1fr 44px;gap:8px;margin:12px max(12px,var(--safe-right)) max(12px,calc(var(--safe-bottom) + 12px)) max(12px,var(--safe-left));padding:8px;border:1px solid var(--line-color);border-radius:var(--border-radius-medium);background:var(--background-secondary-color)}.composer textarea{min-width:0;max-height:140px;min-height:44px;line-height:22px;padding:11px 0;resize:none;border:0;outline:0;background:transparent;color:var(--text-color);font:400 16px/22px var(--font-family);overflow-y:auto}.sendBtn{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--main-color);color:#fff}.sendBtn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 760px){.messengerScreen{grid-template-columns:1fr}.sidebar{min-height:0;height:100dvh;border-right:0}.chatPanel,.messengerScreen.has-chat .sidebar{display:none}.messengerScreen.has-chat .chatPanel{display:flex;height:100dvh}.message{max-width:88%}.chatBack{display:inline-grid}}