:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{height:100%;height:100dvh;max-height:100dvh;overflow:hidden}body{margin:0;min-width:320px;height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;width:100%}#root{flex:1;min-height:0;max-height:100%;overflow:hidden;display:flex;flex-direction:column;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.app{flex:1;min-height:0;max-height:100%;overflow:hidden;display:flex;flex-direction:column;width:100%}.card{padding:2em}.read-the-docs{color:#b0b0b0}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;width:100%;max-width:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#2d2d2d);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;box-sizing:border-box;position:fixed;inset:0}.login-card{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:48px;box-shadow:0 20px 60px #0009,0 8px 32px #0006;border:1px solid rgba(60,60,60,.3);max-width:420px;width:100%;text-align:center;box-sizing:border-box}.logo-container{margin-bottom:32px}.logo{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.logo img{width:120px;height:auto;max-width:100%;opacity:.9}.logo-fallback{display:inline-flex;align-items:center;gap:4px;font-size:28px;font-weight:700}.logo-text{color:#00d4aa;background:linear-gradient(135deg,#00d4aa,#00bfa5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-system{color:#a0a0a0;font-weight:500}.title-container{margin-bottom:40px}.main-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.025em}.subtitle{font-size:16px;color:#b0b0b0;margin:0;font-weight:400}.login-form{display:flex;flex-direction:column;gap:24px}.input-group{text-align:left}.input-label{display:block;font-size:14px;font-weight:600;color:#d0d0d0;margin-bottom:8px;letter-spacing:.025em}.password-input-wrapper{position:relative;width:100%}.token-input{width:100%;padding:16px 50px 16px 20px;border:2px solid #404040;border-radius:12px;font-size:16px;color:#fff;background:#202020;transition:all .2s ease;box-sizing:border-box;font-family:inherit}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:gray;transition:color .2s ease;z-index:1}.password-toggle:hover:not(:disabled){color:#d0d0d0}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.password-toggle svg{display:block}.token-input:focus{outline:none;border-color:#00d4aa;box-shadow:0 0 0 3px #00d4aa1a}.token-input::placeholder{color:gray}.token-input:disabled{background:#303030;color:#606060;cursor:not-allowed}.login-button{width:100%;padding:16px 24px;background:linear-gradient(135deg,#00d4aa,#00bfa5);color:#000;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px;font-family:inherit;letter-spacing:.025em}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00d4aa4d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.3);border-top:2px solid #000000;border-radius:50%;animation:spin 1s linear infinite}.error-message{background:#2d1b69;border:1px solid #553c9a;color:#feb2b2;padding:16px 20px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:12px;margin-top:16px;transition:all .2s ease;animation:slideIn .3s ease-out}.error-message:hover{background:#553c9a;border-color:#805ad5}.error-icon{font-size:16px;flex-shrink:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.login-container{padding:16px}.login-card{padding:32px 24px;margin:16px}.main-title{font-size:28px}.subtitle{font-size:14px}.token-input,.login-button{padding:14px 16px;font-size:16px}.logo img{width:100px}}@media (prefers-color-scheme: dark){.login-card{background:#1e1e1ef2;border-color:#3c3c3c4d}.main-title{color:#fff}.subtitle{color:#b0b0b0}.input-label{color:#d0d0d0}.token-input{background:#202020;border-color:#404040;color:#fff}.token-input:focus{border-color:#00d4aa}.token-input::placeholder{color:gray}.token-input:disabled{background:#303030;color:#606060}}.contact-list-section{margin:10px 8px 0;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 14px #0006;background:linear-gradient(180deg,#ffffff0a,#0000002e)}.contact-list-section:first-child{margin-top:8px}.contact-list-section:last-child{margin-bottom:12px}.contact-list-section-header{padding:5px 10px;font-size:.75em;font-weight:600;line-height:1.2;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.contact-list-section-header--only{border-bottom:none}.contact-list-section-header--collapsible{width:100%;display:flex;align-items:center;gap:6px;box-sizing:border-box;cursor:pointer;text-align:left;font-family:inherit;font-size:.75em;font-weight:600;line-height:1.2;text-transform:uppercase;letter-spacing:.5px;color:inherit;border:none;margin:0;min-height:36px}.contact-list-section-header__chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;opacity:.85;transition:transform .2s ease}.contact-list-section-header__chevron--collapsed{transform:rotate(-90deg)}.contact-list-section-header__label{flex:1;min-width:0}.contact-list-section--attending{border-left:4px solid #00d4aa}.contact-list-section--attending .contact-list-section-header{color:#5eead4;background:#00d4aa24;border-bottom-color:#00d4aa47}.contact-list-section--queued{border-left:4px solid #f59e0b}.contact-list-section--queued .contact-list-section-header{color:#fbbf24;background:#f59e0b24;border-bottom-color:#f59e0b47}.contact-list-section--desconocido{border-left:4px solid #f472b6}.contact-list-section--desconocido .contact-list-section-header{color:#f9a8d4;background:#f472b624;border-bottom-color:#f472b64d}.contact-list-section--requesting{border-left:4px solid #a78bfa}.contact-list-section--requesting .contact-list-section-header{color:#c4b5fd;background:#8b5cf629;border-bottom-color:#8b5cf64d}.contact-list-section--groups{border-left:4px solid #4ade80}.contact-list-section--groups .contact-list-section-header{color:#86efac;background:#4ade801f;border-bottom-color:#4ade8047}.contact-list-section--unattended{border-left:4px solid #737373}.contact-list-section--unattended .contact-list-section-header{color:#a3a3a3;background:#73737324;border-bottom-color:#73737347}.contact-list-section--recent{border-left:4px solid #38bdf8}.contact-list-section--recent .contact-list-section-header{color:#7dd3fc;background:#38bdf81f;border-bottom-color:#38bdf847}.contact-list-section--recent .contact-list-recent-day-group{margin:12px 8px 0;border-radius:10px;overflow:hidden;background:#00000047;border:1px solid rgba(56,189,248,.22);box-shadow:inset 0 1px #ffffff0f,0 2px 8px #00000059}.contact-list-section--recent .contact-list-recent-day-group:first-of-type{margin-top:8px}.contact-list-section--recent .contact-list-recent-day-group__title{padding:8px 12px 7px;font-size:.78em;font-weight:700;line-height:1.25;text-transform:capitalize;letter-spacing:.4px;color:#bae6fd;background:linear-gradient(90deg,#38bdf838,#38bdf80f);border-bottom:1px solid rgba(56,189,248,.28);border-left:3px solid #38bdf8}.contact-list-section--recent .contact-list-recent-day-group__title--collapsible{width:100%;display:flex;align-items:center;gap:6px;box-sizing:border-box;cursor:pointer;text-align:left;font-family:inherit;font-size:.78em;font-weight:700;line-height:1.25;text-transform:capitalize;letter-spacing:.4px;color:#bae6fd;background:linear-gradient(90deg,#38bdf838,#38bdf80f);border:none;border-bottom:1px solid rgba(56,189,248,.28);border-left:3px solid #38bdf8;margin:0;min-height:34px}.contact-list-section--recent .contact-list-recent-day-group__title--collapsible.contact-list-recent-day-group__title--collapsed-only{border-bottom:none}.contact-list-section--recent .contact-list-recent-day-group__chevron{flex-shrink:0;opacity:.9;transition:transform .2s ease}.contact-list-section--recent .contact-list-recent-day-group__title-text{flex:1;min-width:0}.contact-list-section--recent .contact-list-recent-day-group__count{font-weight:600;opacity:.92}.contact-list-section--recent .contact-list-recent-day-group__items{background:#0000001f}.contact-list-section--recent .contact-list-recent-day-group__items .contact-list-item-container:last-child{border-bottom:none}.contact-item,.contact-list-item-container{-webkit-user-select:none;user-select:none;padding:0% 8px;cursor:pointer;border-bottom:1px solid #2d2d2d;background:transparent;transition:background .15s,color .15s;color:#fff;font-size:.92em;min-height:70px;display:flex;flex-direction:column;justify-content:center;border-left:3px solid transparent}.contact-item:hover,.contact-list-item-container:hover{background:#00d4aa08}.contact-item.selected,.contact-list-item-selected{background:#00d4aa14!important;color:#fff!important;font-weight:700;border-left:3px solid #00d4aa}.contact-desc,.contact-list-item-description{color:#b0b0b0;font-size:.8em;font-weight:400!important;margin-top:2px}.contact-item.selected .contact-desc,.contact-list-item-selected .contact-list-item-description{color:#e0e0e0;font-weight:400!important}.contact-phone,.contact-list-item-phone{color:#00d4aa;font-size:.8em;margin-top:2px;font-weight:400!important}.contact-item.selected .contact-phone,.contact-list-item-selected .contact-list-item-phone{color:#00d4aa;font-weight:400!important}.contact-list-item-header{display:flex;align-items:center;font-weight:700;font-size:.98em}.contact-list-item-name{flex:1}.contact-list-item-unread-badge{background:#00d4aa;color:#fff;border-radius:12px;min-width:18px;height:18px;font-size:.7em;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:0 6px;font-weight:700;z-index:10;position:relative;box-shadow:0 2px 4px #00d4aa4d;border:1px solid rgba(255,255,255,.2)}.contact-list-header-toolbar-icon{display:block;flex-shrink:0}@media (max-width: 768px){.contact-list-new-chat-btn .contact-list-header-toolbar-icon,.contact-list-menu-btn .contact-list-header-toolbar-icon{width:22px;height:22px}}.contact-list-menu-btn{position:relative;overflow:hidden}.contact-list-menu-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#00d4aa33;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.contact-list-menu-btn:hover:before{width:100%;height:100%}.contact-list-dropdown-menu{transform-origin:top right}.contact-list-menu-item{position:relative;overflow:hidden}.contact-list-menu-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.contact-list-menu-item:hover:before{left:100%}.contact-list-menu-item:active{transform:scale(.98);transition:transform .1s ease}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-list-menu-btn:focus,.contact-list-menu-item:focus{outline:2px solid #00d4aa;outline-offset:2px}.contact-list-menu-item:disabled{opacity:.5;cursor:not-allowed}.contact-list-menu-item:disabled:hover{background:none!important}.contact-list-header,.contact-list-search-wrap{flex-shrink:0}.contact-list-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:1}.contacts-list{-webkit-user-select:none;user-select:none;background:#1a1a1a;border-right:none;font-size:.95rem;color:#fff;transition:width .2s,background .2s;display:flex;flex-direction:column;height:100%;min-height:0;position:relative;z-index:2;overflow:hidden;width:100%;box-sizing:border-box}.contacts-list .contacts-container{flex:1;overflow-y:auto;padding:0;margin:0}.contacts-list.collapsed{width:60px;max-width:60px}.collapse-btn{position:absolute;top:10px;right:10px;background:#0a0a0a;color:#fff;border-radius:0 0 8px;border:none;padding:8px 0;width:100%;font-size:1.2rem;margin-bottom:8px;transition:background .2s}.collapse-btn:hover{background:#00d4aa;color:#000}.contact-list-update-banner{position:absolute;bottom:60px;left:8px;right:8px;z-index:10;padding:0 8px;animation:slideUpBanner .3s ease-out}@keyframes slideUpBanner{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact-list-update-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:.9em;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #667eea4d;position:relative;overflow:hidden}.contact-list-update-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.contact-list-update-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.contact-list-update-btn:hover:before{left:100%}.contact-list-update-btn:active{transform:translateY(0);box-shadow:0 2px 4px #667eea4d}.contact-list-update-btn .update-icon{font-size:1.1em;animation:spin 2s linear infinite}.contact-list-update-btn .update-text{font-weight:600;letter-spacing:.5px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-area{flex:1;display:flex;flex-direction:column;background:#0a0a0a;align-items:stretch;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;box-sizing:border-box}.chat-header{background:#1a1a1a;color:#fff;padding:12px 16px;font-size:1.1em;font-weight:700;display:flex;align-items:center;border-bottom:1px solid #2d2d2d;width:100%;box-sizing:border-box;flex-shrink:0}@media (max-width: 768px){.chat-header{padding:8px 12px;gap:8px}.chat-header>div:first-child{flex:1;min-width:0;overflow:hidden}.chat-header .contact-info{flex:1;min-width:0;overflow:hidden}.chat-header .contact-info>div:first-child{overflow:hidden}.chat-header .contact-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.chat-header-back-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;margin:0;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff12;color:#e8f4f1;box-shadow:0 1px 3px #00000040;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.chat-header-back-btn:hover{background:#ffffff1c;border-color:#ffffff2e;color:#fff}.chat-header-back-btn:active{transform:scale(.94);background:#00bfa52e;border-color:#00d4aa59;box-shadow:0 0 0 1px #00bfa540}.chat-header-back-btn:focus-visible{outline:2px solid rgba(0,191,165,.55);outline-offset:2px}.chat-header-back-btn svg{display:block;flex-shrink:0}.chat-messages{flex:1 1 0;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:12px 8px 8px;background:#0a0a0a;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}.chat-input{display:flex;align-items:center;padding:8px 16px;background:#1a1a1a;border-top:1px solid #2d2d2d;box-sizing:border-box;gap:8px;width:100%;flex-shrink:0}@media (max-width: 768px){.chat-input{padding:4px 8px;padding-bottom:max(4px,env(safe-area-inset-bottom,0px));gap:4px}}.chat-input input[type=text]{flex:1;padding:8px 14px;border-radius:6px;border:1px solid #404040;background:#202020;color:#fff;font-size:1em;min-width:0}.chat-input button{background:#00d4aa;color:#000;border:none;border-radius:6px;padding:8px 16px;font-size:1em;cursor:pointer;transition:background .2s;max-width:120px}.chat-input button:hover{background:#00bfa5}.message.me{align-self:flex-end;background:#00d4aa;color:#000;border-radius:8px 8px 2px;padding:8px 12px;max-width:90%;font-size:1em;box-shadow:0 1px 4px #0000001a}.message.user{align-self:flex-start;background:#1a1a1a;color:#fff;border-radius:8px 8px 8px 2px;padding:8px 12px;max-width:90%;font-size:1em;box-shadow:0 1px 4px #0000001a}.message img,.message video{width:100%;max-width:100%;height:auto;display:block;margin:6px 0;border-radius:6px}.message audio{display:block;margin:6px auto;border-radius:6px}.msg-date{font-size:.75em;color:#b0b0b0;text-align:right;padding-right:8px;margin-top:2px;display:block}.message.me .msg-date{color:#404040}.message.user .msg-date{color:#b0b0b0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.message span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;line-height:1.4;overflow-wrap:break-word;white-space:pre-wrap}.message span:has(span){font-size:1.1em}.emoji-button{font-size:1.2em;transition:transform .2s ease}.emoji-button:hover{transform:scale(1.1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.contact-info-modal{animation:modalSlideIn .3s ease-out}.contact-info-modal ::-webkit-scrollbar{width:8px}.contact-info-modal ::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.contact-info-modal ::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.contact-info-modal ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.contact-info-modal{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}.chat-summary-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:5000}.chat-summary-popup{background:#1a1a1a;border-radius:8px;border:1px solid #2d2d2d;box-shadow:0 4px 20px #0006;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.chat-summary-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 10px;border-bottom:1px solid #2d2d2d}.chat-summary-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.chat-summary-close-btn{background:none;border:none;font-size:24px;color:#b0b0b0;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.chat-summary-close-btn:hover{background-color:#2d2d2d;color:#fff}.chat-summary-form{padding:20px}.chat-summary-field{margin-bottom:16px}.chat-summary-field label{display:block;margin-bottom:6px;font-weight:500;color:#fff;font-size:14px}.chat-summary-field textarea,.chat-summary-field select{width:100%;padding:10px 12px;border:1px solid #404040;border-radius:6px;font-size:14px;font-family:inherit;box-sizing:border-box;transition:all .2s;background:#202020;color:#fff}.chat-summary-field textarea:focus,.chat-summary-field select:focus{outline:none;border-color:#00d4aa;box-shadow:0 0 0 2px #00d4aa40}.chat-summary-field textarea{resize:vertical;min-height:80px}.chat-summary-field textarea::placeholder{color:#b0b0b0}.chat-summary-checkbox-label{display:flex!important;align-items:center;cursor:pointer;margin-bottom:0!important;color:#fff}.chat-summary-checkbox-label input[type=checkbox]{margin-right:8px;margin-bottom:0;width:auto;accent-color:#00d4aa}.chat-summary-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid #2d2d2d}.chat-summary-cancel-btn,.chat-summary-ok-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.chat-summary-cancel-btn{background-color:#2d2d2d;color:#b0b0b0;border:1px solid #404040}.chat-summary-cancel-btn:hover:not(:disabled){background-color:#404040;color:#fff}.chat-summary-ok-btn{background-color:#00d4aa;color:#000}.chat-summary-ok-btn:hover:not(:disabled){background-color:#00bfa5}.chat-summary-cancel-btn:disabled,.chat-summary-ok-btn:disabled{opacity:.6;cursor:not-allowed}.chat-summary-field textarea:disabled,.chat-summary-field select:disabled,.chat-summary-checkbox-label input[type=checkbox]:disabled{background-color:#1a1a1a;color:#666;cursor:not-allowed;border-color:#2d2d2d}@media (max-width: 480px){.chat-summary-popup{width:95%;margin:10px}.chat-summary-header,.chat-summary-form{padding:16px}.chat-summary-buttons{flex-direction:column}.chat-summary-cancel-btn,.chat-summary-ok-btn{width:100%}}.floating-loading-progress{position:absolute;bottom:24px;right:24px;z-index:100;pointer-events:none}.floating-loading-content{background:#fffffff5;padding:14px 20px;border-radius:12px;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;gap:8px;min-width:220px}.floating-loading-spinner{width:24px;height:24px;border:3px solid #e8e8e8;border-top-color:#25d366;border-radius:50%;animation:floating-spin .8s linear infinite}.floating-loading-text{font-size:14px;color:#333;font-weight:500}.floating-loading-count{font-size:13px;color:#666}.floating-loading-bar{height:4px;background:#e8e8e8;border-radius:2px;overflow:hidden}.floating-loading-bar-fill{height:100%;background:#25d366;border-radius:2px;transition:width .2s ease}@keyframes floating-spin{to{transform:rotate(360deg)}}#modal-root{position:fixed;inset:0;z-index:100000;pointer-events:none}#modal-root>*{pointer-events:auto}.app-shell{display:flex;flex-direction:row;flex:1;min-height:0;width:100%;max-width:100%;max-height:100%;height:100%;background:#000;position:relative;overflow:hidden;box-sizing:border-box}.app-shell--desktop{justify-content:flex-start;align-items:stretch}.app-shell__sidebar{display:flex;flex-direction:column;flex-shrink:0;height:100%;min-height:0;min-width:280px;overflow:hidden;box-sizing:border-box;border-right:1px solid #2d2d2d}.app-shell__sidebar--collapsed{min-width:60px}.app-shell__resizer{flex-shrink:0;width:5px;margin-left:-2px;margin-right:-2px;cursor:col-resize;background:transparent;z-index:3;align-self:stretch}.app-shell__resizer:hover,.app-shell__resizer:focus-visible{background:#00d4aa40}.app-shell__resizer:focus-visible{outline:2px solid #00d4aa;outline-offset:-2px}.app-shell__main{position:relative;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:stretch;background:#000;overflow:hidden}.app-shell__main-inner{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;width:100%}.app-shell__empty-main{position:absolute;inset:0;z-index:0;display:flex;flex-direction:column;pointer-events:auto}.app-shell--mobile{flex-direction:column;overscroll-behavior:none;height:var(--app-vh, 100dvh);min-height:var(--app-vh, 100dvh)}.app-shell--mobile .app-shell__mobile-panel{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;overflow:hidden;transition:opacity .3s ease,transform .3s ease;z-index:1;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-top:env(safe-area-inset-top,0px)}.app-shell--mobile .app-shell__mobile-panel.mobile-hidden{opacity:0;pointer-events:none;z-index:0}.app-shell--mobile .app-shell__mobile-panel--list.mobile-hidden{transform:translate(-100%)}.app-shell--mobile .app-shell__mobile-panel--chat.mobile-hidden{transform:translate(100%)}.app-shell--mobile .app-shell__mobile-panel:not(.mobile-hidden){opacity:1;pointer-events:auto;transform:translate(0);z-index:2}.app-shell--mobile .app-shell__mobile-panel .contacts-list,.app-shell--mobile .app-shell__mobile-panel .chat-area{width:100%;height:100%;min-height:0}