@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--app-accent:#1d4ed8;--app-accent-alt:#9333ea;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-hover:#e2e8f0;--bg-messages:#f5f5f5;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-light:#f1f5f9;--success:#10b981;--success-light:#10b9811a;--warning:#f59e0b;--warning-light:#f59e0b1a;--error:#ef4444;--error-light:#ef44441a;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1d4ed8,#9333ea);background:linear-gradient(135deg,var(--app-accent) 0,var(--app-accent-alt) 100%);color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-muted)}:focus-visible{outline:2px solid #1d4ed8;outline:2px solid var(--app-accent);outline-offset:2px}::selection{background:#1d4ed833;color:#1e293b;color:var(--text-primary)}.App{background:linear-gradient(135deg,#1d4ed8d9,#9333ead9),none;background:linear-gradient(135deg,#1d4ed8d9 0,#9333ead9 100%),var(--app-bg-image,none);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,contain;min-height:100vh;padding:20px;transition:background var(--transition-slow);width:100%}.App,.App .loading-state,.App .redirect-state{align-items:center;display:flex;justify-content:center}.App .loading-state,.App .redirect-state{color:#fff;flex-direction:column;font-size:var(--text-lg);font-weight:500;gap:16px}.App .loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.chat-app{border-radius:var(--radius-2xl);box-shadow:0 25px 80px #0003;height:90vh;max-height:800px;max-width:1100px;overflow:hidden;width:100%}.chat-app,.chat-main{background:var(--bg-primary);display:flex}.chat-main{flex:1 1;flex-direction:column;min-width:0}.chat-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 24px}.chat-header__recipient{align-items:center;display:flex;gap:12px}.chat-header__info{display:flex;flex-direction:column}.chat-header__name{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin:0 0 2px}.chat-header__status{align-items:center;color:var(--success);display:flex;font-size:var(--text-xs);font-weight:500;gap:6px}.chat-header__status-dot{background:var(--success);border-radius:50%;height:8px;width:8px}.chat-header__actions{display:flex;gap:8px}.chat-header__action-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-normal);width:40px}.chat-header__action-btn:hover{background:var(--app-accent);border-color:var(--app-accent);color:#fff}.chat-header__action-btn--danger:hover{background:var(--error);border-color:var(--error)}.chat-error{align-items:center;background:var(--error-light);border-bottom:1px solid #ef444433;color:var(--error);display:flex;font-size:var(--text-sm);gap:10px;padding:12px 16px}.chat-error svg{flex-shrink:0}.chat-error span{flex:1 1;white-space:pre-wrap;word-break:break-word}.chat-error__close{background:none;border:none;border-radius:var(--radius-sm);color:var(--error);cursor:pointer;display:flex;padding:4px;transition:background var(--transition-fast)}.chat-error__close:hover{background:#ef444433}.messages-area{background:var(--bg-tertiary);display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:24px}.messages-pagination{align-items:center;background:var(--bg-primary);border-radius:var(--radius-lg);display:flex;gap:16px;justify-content:center;margin-bottom:16px;padding:12px}.messages-pagination__btn{background:var(--app-accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:8px 16px;transition:all var(--transition-normal)}.messages-pagination__btn:hover:not(:disabled){background:var(--app-accent-alt)}.messages-pagination__btn:disabled{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed}.messages-pagination__info{color:var(--text-secondary);font-size:var(--text-sm)}.new-messages-btn{align-items:center;animation:newMessagesBounce .5s ease-out;background:linear-gradient(135deg,var(--app-accent),var(--app-accent-alt));border:none;border-radius:var(--radius-full);bottom:16px;box-shadow:0 4px 15px #1d4ed84d;color:#fff;cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:8px;left:50%;padding:10px 20px;position:-webkit-sticky;position:sticky;transform:translateX(-50%);transition:all var(--transition-normal);z-index:100}.new-messages-btn:hover{box-shadow:0 6px 20px #1d4ed866;transform:translateX(-50%) scale(1.05)}@keyframes newMessagesBounce{0%{opacity:0;transform:translateX(-50%) translateY(20px)}50%{transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.messages-empty{align-items:center;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.messages-empty svg{margin-bottom:16px;opacity:.5}.messages-empty p{color:var(--text-secondary);font-size:var(--text-base);font-weight:500;margin-bottom:4px}.messages-empty span{font-size:var(--text-sm)}.date-separator{align-items:center;display:flex;gap:16px;margin:16px 0}.date-separator:after,.date-separator:before{background:var(--border-color);content:"";flex:1 1;height:1px}.date-separator span{color:var(--text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.message{animation:messageSlideIn .3s ease-out;display:flex;flex-direction:column;max-width:70%}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message--sent{align-self:flex-end}.message--received{align-self:flex-start}.message__bubble{word-wrap:break-word;border-radius:18px;box-shadow:var(--shadow-sm);line-height:1.5;padding:12px 16px}.message--sent .message__bubble{background:linear-gradient(135deg,var(--app-accent),var(--app-accent-alt));border-bottom-right-radius:6px;color:#fff}.message--received .message__bubble{background:var(--bg-primary);border:1px solid var(--border-color);border-bottom-left-radius:6px;color:var(--text-primary)}.message__text{font-size:var(--text-sm);margin:0}.message__meta{align-items:center;display:flex;font-size:11px;gap:6px;margin-top:6px;padding:0 4px}.message--sent .message__meta{color:var(--text-muted);justify-content:flex-end}.message--received .message__meta{color:var(--text-muted)}.message__encryption{align-items:center;display:flex;opacity:.7}.message__time{font-weight:500}.message__status{align-items:center;color:#60a5fa;display:flex}.message-input-form{align-items:center;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;gap:12px;padding:16px 24px}.message-input__attachment,.message-input__emoji{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.message-input__attachment:hover,.message-input__emoji:hover{background:#1d4ed814;color:var(--app-accent)}.message-input__field{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-size:var(--text-sm);outline:none;padding:12px 16px;transition:all var(--transition-normal)}.message-input__field:focus{background:var(--bg-primary);border-color:var(--app-accent);box-shadow:0 0 0 3px #1d4ed81a}.message-input__field::placeholder{color:var(--text-muted)}.message-input__field:disabled{background:var(--bg-hover);cursor:not-allowed}.message-input__send{align-items:center;background:linear-gradient(135deg,var(--app-accent),var(--app-accent-alt));border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;transition:all var(--transition-normal);width:48px}.message-input__send:hover:not(:disabled){box-shadow:0 4px 15px #1d4ed84d;transform:scale(1.05)}.message-input__send:disabled{cursor:not-allowed;opacity:.5}.message-input__lock{bottom:4px;opacity:.8;position:absolute;right:4px}.message-input__emoji-wrapper{position:relative}.message-input__emoji--active{background:#1d4ed81a;color:var(--app-accent)}.emoji-picker{animation:emojiPickerSlideIn .2s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);bottom:50px;box-shadow:var(--shadow-lg);position:absolute;right:0;width:320px;z-index:1000}@keyframes emojiPickerSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-picker__header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.emoji-picker__header span{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.emoji-picker__close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all var(--transition-fast)}.emoji-picker__close:hover{background:var(--bg-hover);color:var(--text-primary)}.emoji-picker__grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(8,1fr);max-height:200px;overflow-y:auto;padding:12px}.emoji-picker__emoji{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.emoji-picker__emoji:hover{background:var(--bg-hover);transform:scale(1.2)}.chat-empty{align-items:center;background:var(--bg-tertiary);display:flex;flex:1 1;justify-content:center;padding:40px}.chat-empty__content{max-width:400px;text-align:center}.chat-empty__icon{align-items:center;background:linear-gradient(135deg,#1d4ed81a,#9333ea1a);border-radius:50%;color:var(--app-accent);display:inline-flex;height:120px;justify-content:center;margin-bottom:24px;width:120px}.chat-empty__content h2{color:var(--text-primary);font-size:var(--text-xl);font-weight:600;margin-bottom:8px}.chat-empty__content p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:32px}.chat-empty__features{display:flex;flex-direction:column;gap:12px}.chat-empty__feature{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:10px;justify-content:center;padding:12px 20px}.chat-empty__feature svg{color:var(--success);flex-shrink:0}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-width:420px;padding:24px;width:90%}.modal__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.modal__header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.modal__close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;padding:4px;transition:all var(--transition-fast)}.modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal__description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin-bottom:20px}.modal__input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);margin-bottom:16px;outline:none;padding:12px 16px;transition:all var(--transition-normal);width:100%}.modal__input:focus{background:var(--bg-primary);border-color:var(--app-accent);box-shadow:0 0 0 3px #1d4ed81a}.modal__error{background:var(--error-light);border-left:3px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);margin-bottom:16px;padding:10px 12px}.modal__actions{display:flex;gap:12px;justify-content:flex-end}.modal__btn{border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:600;padding:10px 20px;transition:all var(--transition-normal)}.modal__btn--secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.modal__btn--secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.modal__btn--primary{background:linear-gradient(135deg,var(--app-accent),var(--app-accent-alt));border:none;color:#fff}.modal__btn--primary:hover:not(:disabled){box-shadow:0 4px 12px #1d4ed84d;transform:translateY(-2px)}.modal__btn--primary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:900px){.chat-app{border-radius:0;height:100vh;max-height:none;max-width:100%}.message{max-width:85%}}@media (max-width:768px){.chat-header{padding:12px 16px}.chat-header__action-btn{height:36px;width:36px}.messages-area{padding:16px}.message-input-form{padding:12px 16px}.message-input__attachment,.message-input__emoji{display:none}.chat-empty__features{gap:8px}.chat-empty__feature{font-size:var(--text-xs);padding:10px 16px}}.chat-container{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:0 25px 80px #0003;display:flex;height:90vh;max-width:1100px;overflow:hidden;width:100%}.error-message{background:var(--error-light);border-left:4px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);gap:10px;margin:10px 20px;padding:12px 16px}.error-message,.no-messages{align-items:center;display:flex}.no-messages{color:var(--text-muted);flex:1 1;flex-direction:column;font-style:italic;justify-content:center;padding:40px;text-align:center}.log-viewer-toggle{align-items:center;background:linear-gradient(135deg,#1d4ed8,#9333ea);background:linear-gradient(135deg,var(--app-accent,#1d4ed8),var(--app-accent-alt,#9333ea));border:none;border-radius:12px;border-radius:var(--radius-lg,12px);bottom:20px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 16px;position:fixed;right:20px;transition:all .2s ease;z-index:10000}.log-viewer-toggle:hover{box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.log-viewer-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.log-viewer-container{background:#1e1e1e;border-radius:8px;color:#fff;display:flex;flex-direction:column;height:90%;max-width:1200px;overflow:hidden;width:90%}.log-viewer-header{align-items:center;background:#2d2d2d;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:15px 20px}.log-viewer-header h2{font-size:18px;margin:0}.log-viewer-controls{align-items:center;display:flex;gap:10px}.log-viewer-controls button{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.log-viewer-controls button:hover{background:#5568d3}.log-viewer-controls label{align-items:center;cursor:pointer;display:flex;font-size:12px;gap:5px}.log-viewer-filters{align-items:center;background:#252525;border-bottom:1px solid #444;display:flex;flex-wrap:wrap;gap:10px;padding:10px 20px}.log-filter-input{flex:1 1;min-width:200px}.log-filter-input,.log-filter-select{background:#1e1e1e;border:1px solid #444;border-radius:4px;color:#fff;font-size:12px;padding:6px 10px}.log-filter-select{cursor:pointer}.log-count{color:#888;font-size:12px;margin-left:auto}.log-viewer-content{flex:1 1;font-family:Courier New,monospace;font-size:12px;overflow-y:auto;padding:10px}.log-entry{background:#1e1e1e;border-left:3px solid;border-radius:4px;margin-bottom:4px;padding:8px}.log-entry-header{display:flex;gap:10px;margin-bottom:4px}.log-level{font-weight:700;min-width:60px}.log-category{color:#888;min-width:120px}.log-time{color:#666;font-size:11px}.log-message{color:#fff;margin-left:10px}.log-data{margin-left:10px;margin-top:8px}.log-data summary{color:#888;cursor:pointer;font-size:11px;margin-bottom:4px}.log-data pre{background:#0d0d0d;border-radius:4px;color:#acf;font-size:11px;overflow-x:auto;padding:8px}.log-empty{color:#888;padding:40px;text-align:center}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;min-width:320px;overflow:hidden;width:320px}.sidebar__header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:20px}.sidebar__brand{gap:12px;margin-bottom:16px}.sidebar__brand,.sidebar__logo{align-items:center;display:flex}.sidebar__logo{background:linear-gradient(135deg,var(--app-accent),var(--app-accent-alt));color:#fff;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.sidebar__logo,.sidebar__logo-img{border-radius:var(--radius-md);flex-shrink:0}.sidebar__logo-img{box-shadow:var(--shadow-sm);height:44px;object-fit:cover;width:44px}.sidebar__brand-info{flex:1 1;min-width:0}.sidebar__app-name{color:var(--text-primary);font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__app-tagline{color:var(--text-muted);font-size:var(--text-xs)}.sidebar__user-profile{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-lg);display:flex;gap:12px;margin-bottom:16px;padding:12px}.sidebar__user-info{flex:1 1;min-width:0}.sidebar__user-name{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-sm);font-weight:600;gap:6px;margin-bottom:4px;min-width:0}.sidebar__user-name-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__edit-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all var(--transition-fast)}.sidebar__edit-btn:hover{background:#1d4ed81a;color:var(--app-accent)}.sidebar__logout-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:auto;padding:8px;transition:all var(--transition-fast)}.sidebar__logout-btn:hover{background:var(--error-light);border-color:var(--error);color:var(--error)}.sidebar__encryption-badge{align-items:center;background:var(--success-light);border-radius:var(--radius-full);color:var(--success);display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px}.sidebar__search{position:relative}.sidebar__search-icon{color:var(--text-muted);display:flex;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sidebar__search-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);outline:none;padding:12px 40px 12px 42px;transition:all var(--transition-normal);width:100%}.sidebar__search-input:focus{background:var(--bg-primary);border-color:var(--app-accent);box-shadow:0 0 0 3px #1d4ed81a}.sidebar__search-clear,.sidebar__search-input::placeholder{color:var(--text-muted)}.sidebar__search-clear{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.sidebar__search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar__search-results{background:var(--bg-primary);border-bottom:1px solid var(--border-color);max-height:200px;overflow-y:auto}.sidebar__section-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px 8px;text-transform:uppercase}.sidebar__search-result{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:background var(--transition-fast)}.sidebar__search-result:hover{background:var(--bg-hover)}.sidebar__result-info{flex:1 1;min-width:0}.sidebar__result-name{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:600}.sidebar__result-id{color:var(--text-muted);display:block;font-size:var(--text-xs)}.sidebar__conversations{flex:1 1;overflow-y:auto;padding:8px}.sidebar__empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.sidebar__empty svg{margin-bottom:16px;opacity:.5}.sidebar__empty p{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;margin-bottom:4px}.sidebar__empty span{font-size:var(--text-xs)}.sidebar__conversation{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px;transition:all var(--transition-fast)}.sidebar__conversation:hover{background:var(--bg-hover)}.sidebar__conversation--active{background:linear-gradient(135deg,#1d4ed814,#9333ea14);border:1px solid #1d4ed833}.sidebar__conversation-content{flex:1 1;min-width:0}.sidebar__conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.sidebar__conversation-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.sidebar__conversation-time{color:var(--text-muted);flex-shrink:0;font-size:11px}.sidebar__conversation-preview{color:var(--text-secondary);font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__unread-badge{background:var(--app-accent);border-radius:10px;color:#fff;flex-shrink:0;font-size:11px;font-weight:600;min-width:22px;padding:3px 8px;text-align:center}@media (max-width:900px){.sidebar{min-width:280px;width:280px}}@media (max-width:768px){.sidebar{bottom:0;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform var(--transition-normal);z-index:100}.sidebar--open{transform:translateX(0)}}.avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;justify-content:center;position:relative;-webkit-user-select:none;user-select:none}.avatar--small{font-size:12px;height:32px;width:32px}.avatar--medium{font-size:14px;height:44px;width:44px}.avatar--large{font-size:18px;height:56px;width:56px}.avatar__initials{letter-spacing:.02em;line-height:1}.avatar__status{border:2px solid var(--bg-primary);border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.avatar--small .avatar__status{border-width:2px;height:10px;width:10px}.avatar--large .avatar__status{border-width:3px;height:14px;width:14px}.avatar__status--online{background-color:var(--success)}.avatar__status--offline{background-color:var(--text-muted)}.typing-indicator{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:18px;border-bottom-left-radius:6px;box-shadow:var(--shadow-sm);display:inline-flex;gap:10px;max-width:-webkit-fit-content;max-width:fit-content;padding:14px 18px}.typing-indicator__dots{align-items:center;display:flex;gap:4px}.typing-indicator__dot{animation:typingBounce 1.4s ease-in-out infinite;background:var(--text-muted);border-radius:50%;height:8px;width:8px}.typing-indicator__dot:first-child{animation-delay:0s}.typing-indicator__dot:nth-child(2){animation-delay:.2s}.typing-indicator__dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.typing-indicator__text{color:var(--text-muted);font-size:var(--text-sm);font-weight:500}.encryption-banner{align-items:center;background:#10b98114;border-bottom:1px solid #10b98126;color:#047857;display:flex;font-size:var(--text-xs);gap:8px;justify-content:center;padding:10px 16px}.encryption-banner__icon{flex-shrink:0}.encryption-banner__text{font-weight:500;text-align:center}
/*# sourceMappingURL=main.2b7587b0.css.map*/