.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg-primary)}.auth-container{width:100%;max-width:360px;text-align:center}.auth-logo{width:120px;height:120px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);border-radius:50%;color:#fff}.auth-title{font-size:2rem;font-weight:600;margin-bottom:.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:var(--text-secondary);margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.input-group{position:relative;display:flex;align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}.input-group:focus-within{border-color:var(--accent-primary)}.input-icon{position:absolute;left:1rem;color:var(--text-tertiary)}.input-group input{width:100%;padding:1rem 1rem 1rem 3rem;font-size:1rem}.code-input input{text-align:center;padding:1rem;font-size:1.5rem;letter-spacing:.5rem;font-weight:600}.auth-phone-display{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.auth-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:var(--accent-gradient);color:#fff;font-size:1rem;font-weight:600;border-radius:var(--radius-lg);transition:opacity var(--transition-fast),transform var(--transition-fast)}.auth-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-back-button{background:transparent;color:var(--accent-primary);font-size:.875rem;padding:.75rem}.auth-back-button:hover{text-decoration:underline}.auth-error{color:var(--error);font-size:.875rem;text-align:center}.dev-code-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#f59e0b26,#fbbf241a);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);animation:dev-code-pulse 2s ease-in-out infinite}.dev-code-label{font-size:.8rem;color:#f59e0b;font-weight:500}.dev-code-value{font-size:1.4rem;font-weight:700;letter-spacing:.3rem;color:#fbbf24;font-family:JetBrains Mono,Fira Code,monospace;text-shadow:0 0 12px rgba(251,191,36,.4);-webkit-user-select:all;user-select:all;cursor:pointer}@keyframes dev-code-pulse{0%,to{border-color:#f59e0b4d}50%{border-color:#f59e0b99}}.chat-list{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative}.chat-list-search{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin:.5rem;background:var(--bg-tertiary);border-radius:var(--radius-lg)}.chat-list-search .search-icon{color:var(--text-tertiary)}.chat-list-search input{flex:1;padding:.5rem 0;font-size:.875rem}.chats-container{flex:1;overflow-y:auto;padding-bottom:80px}.chat-item{display:flex;gap:.75rem;padding:.625rem 1rem;cursor:pointer;transition:background var(--transition-fast)}.chat-item:hover{background:var(--bg-hover)}.chat-item.active{background:var(--accent-primary)}.chat-avatar-wrapper{position:relative;flex-shrink:0}.chat-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden}.online-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:var(--success, #4ade80);border:2px solid var(--bg-secondary);border-radius:50%;animation:pulse-online 2s ease-in-out infinite}@keyframes pulse-online{0%,to{box-shadow:0 0 #4ade8066}50%{box-shadow:0 0 0 4px #4ade8000}}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.chat-title{display:flex;align-items:center;gap:.25rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-icon{color:var(--text-tertiary);transform:rotate(45deg)}.chat-time{font-size:.75rem;color:var(--text-tertiary);flex-shrink:0}.chat-item.active .chat-time{color:#ffffffb3}.chat-preview{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.preview-text{flex:1;font-size:.875rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item.active .preview-text{color:#fffc}.sent-indicator{color:var(--text-tertiary)}.sent-indicator.read{color:var(--success)}.chat-badges{display:flex;align-items:center;gap:.375rem}.muted-icon{color:var(--text-tertiary)}.unread-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--accent-primary);color:#fff;font-size:.75rem;font-weight:600;border-radius:10px}.no-chats{padding:2rem;text-align:center;color:var(--text-tertiary);display:flex;flex-direction:column;align-items:center;gap:.5rem}.no-chats .hint{font-size:.875rem;opacity:.7}.loading-chats{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-secondary);gap:1rem}.loading-chats svg{color:var(--accent-primary)}.new-chat-button{position:absolute;bottom:1rem;right:1rem;width:56px;height:56px;border-radius:50%;background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:transform var(--transition-fast)}.new-chat-button:hover{transform:scale(1.05)}.search-section{padding:.5rem 0}.section-title{padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.user-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;cursor:pointer;transition:background var(--transition-fast)}.user-item:hover{background:var(--bg-hover)}.user-item .username{font-size:.8rem;color:var(--text-tertiary)}.clear-search{padding:.25rem;color:var(--text-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center}.clear-search:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.loading-inline{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:var(--text-secondary);font-size:.875rem}.loading-inline svg{color:var(--accent-primary)}.no-results{padding:.75rem 1rem;color:var(--text-tertiary);font-size:.875rem}.chat-type-icon{color:var(--text-tertiary);margin-right:2px;opacity:.8}.profile-modal-overlay{position:fixed;inset:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center;animation:modalFadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-modal{width:380px;max-width:92vw;max-height:85vh;background:var(--bg-secondary, #232e3c);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;animation:modalScaleIn .2s ease;box-shadow:0 16px 48px #0006,0 0 0 1px #ffffff0f;position:relative}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.profile-modal-close{position:absolute;top:12px;right:12px;z-index:2;background:#0000004d;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.profile-modal-close:hover{background:#00000080}.profile-hero{display:flex;flex-direction:column;align-items:center;padding:32px 24px 20px;background:linear-gradient(180deg,rgba(83,164,215,.12) 0%,transparent 100%)}.profile-avatar-wrapper{position:relative;margin-bottom:14px}.profile-avatar{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff;box-shadow:0 4px 16px #00000040;overflow:hidden}.profile-online-dot{position:absolute;bottom:4px;right:4px;width:14px;height:14px;background:#4ade80;border-radius:50%;border:3px solid var(--bg-secondary, #232e3c)}.profile-name{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, #fff);text-align:center;line-height:1.3}.profile-username{display:flex;align-items:center;gap:2px;font-size:13px;color:var(--accent-primary, #53a4d7);margin-top:3px}.profile-status{font-size:12px;color:var(--text-secondary, #8b9baa);margin-top:4px}.profile-status.online{color:#4ade80}.profile-quick-actions{display:flex;justify-content:center;gap:24px;padding:8px 24px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;color:var(--accent-primary, #53a4d7);cursor:pointer;padding:8px 16px;border-radius:12px;transition:all .15s ease;min-width:72px}.quick-action-btn:hover{background:#53a4d71a}.quick-action-btn:disabled{opacity:.5;cursor:not-allowed}.quick-action-btn span{font-size:12px;font-weight:500}.quick-action-icon{width:42px;height:42px;border-radius:50%;background:#53a4d71f;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.quick-action-icon.active{background:#e5ca7726;color:#e5ca77}.quick-action-icon.add{background:#6ac0451f;color:#6ac045}.quick-action-btn:hover .quick-action-icon{transform:scale(1.08)}.profile-info-section{padding:8px 0}.profile-info-row{display:flex;align-items:center;gap:16px;padding:12px 24px}.info-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-icon.contact-icon{background:#6ac0451f;color:#6ac045}.info-icon.blocked-icon{background:#e170761f;color:#e17076}.info-content{display:flex;flex-direction:column;gap:1px}.info-value{font-size:14px;color:var(--text-primary, #fff);font-weight:500}.info-value.blocked-text{color:#e17076}.info-label{font-size:12px;color:var(--text-secondary, #8b9baa)}.profile-bottom-actions{border-top:1px solid rgba(255,255,255,.06);padding:4px 0}.bottom-action-btn{display:flex;align-items:center;gap:16px;width:100%;padding:14px 24px;background:none;border:none;cursor:pointer;font-size:14px;transition:background .12s ease}.bottom-action-btn:hover{background:#ffffff0a}.bottom-action-btn:disabled{opacity:.5;cursor:not-allowed}.bottom-action-btn span{font-weight:400}.bottom-action-btn.block{color:#e17076}.bottom-action-btn.unblock{color:#6ac045}.bottom-action-btn:not(.block):not(.unblock){color:var(--text-secondary, #8b9baa)}.profile-loading{display:flex;justify-content:center;padding:32px}.profile-loading .loading-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-primary, #53a4d7);border-radius:50%;animation:profileSpin .8s linear infinite}@keyframes profileSpin{to{transform:rotate(360deg)}}@media(max-width:480px){.profile-modal{width:100%;max-width:100%;max-height:100%;border-radius:0;height:100%}.profile-hero{padding-top:48px}}.edit-group-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.edit-group-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);width:90%;max-width:420px;max-height:85vh;overflow-y:auto;animation:slideUp .2s ease}.edit-group-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.edit-group-header h2{flex:1;font-size:1.125rem;font-weight:600}.edit-group-close,.edit-group-save{padding:.5rem;color:var(--text-primary);background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center}.edit-group-close:hover,.edit-group-save:hover{background:var(--bg-hover)}.edit-group-save{color:var(--accent-primary)}.edit-group-save:disabled{opacity:.5;cursor:not-allowed}.edit-group-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--accent-primary)}.edit-group-body{padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1.25rem}.edit-group-avatar-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer}.edit-group-avatar{width:80px;height:80px;border-radius:50%;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.edit-group-avatar img{width:100%;height:100%;object-fit:cover}.avatar-letter{font-size:2rem;font-weight:600;color:#fff}.avatar-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .15s ease}.edit-group-avatar:hover .avatar-overlay{opacity:1}.avatar-hint{font-size:.8rem;color:var(--accent-primary)}.edit-group-field{display:flex;flex-direction:column;gap:.375rem}.edit-group-field label{display:flex;align-items:center;gap:.375rem;font-size:.8rem;font-weight:500;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.03em}.edit-group-field input{padding:.75rem;font-size:.9375rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color .15s ease}.edit-group-field input:focus{border-color:var(--accent-primary);outline:none}.username-input-wrapper{display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .15s ease}.username-input-wrapper:focus-within{border-color:var(--accent-primary)}.username-prefix{padding:.75rem;padding-right:0;font-size:.9375rem;color:var(--text-tertiary);font-weight:500}.username-input-wrapper input{border:none;background:none;padding-left:.25rem}.username-input-wrapper input:focus{border:none;outline:none}.field-error{font-size:.75rem;color:var(--danger, #ef4444)}.field-hint{font-size:.75rem;color:var(--text-secondary)}.edit-group-error{padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--danger, #ef4444);font-size:.875rem;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-view{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.chat-header{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.back-button{display:none;padding:.5rem;color:var(--text-primary);background:transparent}@media(max-width:768px){.back-button{display:flex}}.header-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.header-info{flex:1}.header-title{font-size:1rem;font-weight:600}.menu-button{padding:.5rem;color:var(--text-secondary);background:transparent;border-radius:var(--radius-md)}.menu-button:hover{background:var(--bg-hover)}.messages-container{flex:1;overflow-y:auto;padding:.5rem 1rem;display:flex;flex-direction:column}.message-group{display:flex;flex-direction:column}.date-header{display:flex;justify-content:center;margin:1rem 0 .5rem}.date-header span{padding:.25rem .75rem;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;border-radius:var(--radius-xl)}.unread-divider{display:flex;align-items:center;gap:.75rem;margin:.75rem 0;-webkit-user-select:none;user-select:none}.unread-divider:before,.unread-divider:after{content:"";flex:1;height:1px;background:var(--primary);opacity:.5}.unread-divider span{font-size:.8rem;font-weight:500;color:var(--primary);white-space:nowrap;letter-spacing:.02em}.message-row{display:flex;align-items:flex-end;gap:.5rem;padding:1px 0}.message-row.first-in-group{margin-top:.5rem}.message-avatar{width:34px;height:34px;min-width:34px;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#fff;flex-shrink:0;margin-bottom:1px}.message-avatar-spacer{width:34px;min-width:34px;flex-shrink:0;display:none}.message{max-width:min(85%,500px)}.message-bubble{padding:.4rem .65rem;border-radius:var(--radius-lg);position:relative;word-break:break-word}.message.incoming .message-bubble{background:var(--message-in)}.message.outgoing .message-bubble{background:var(--message-out)}.message-row.last-in-group .message.incoming .message-bubble,.message-row.last-in-group .message.outgoing .message-bubble{border-bottom-left-radius:var(--radius-sm)}.message-text{font-size:.9375rem;line-height:1.4;word-break:break-word;white-space:pre-wrap}.message-reactions{display:flex;gap:.25rem;margin-top:.25rem}.reaction{padding:.125rem .375rem;background:var(--bg-tertiary);border-radius:var(--radius-xl);font-size:.75rem}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;margin-top:2px}.message-meta .edited{font-size:.6875rem;color:var(--text-tertiary);font-style:italic}.message-meta .time{font-size:.6875rem;color:var(--text-tertiary)}.message.outgoing .message-meta .time{color:var(--text-secondary)}.read-status,.read-status.sent{color:var(--text-tertiary)}.read-status.delivered{color:var(--text-secondary)}.read-status.read{color:var(--success)}@media(min-width:769px){.messages-container{padding:.5rem 1rem}.message-group{width:100%;padding:0}.message-row{align-self:flex-start;flex-direction:row;width:fit-content;max-width:70%}.message-row.own{align-self:flex-start;flex-direction:row}.message-avatar{display:flex}.message-avatar-spacer{display:block}}@media(max-width:768px){.message-row.other{align-self:flex-start}.message-row.own{align-self:flex-end;flex-direction:row-reverse}.message{max-width:85%}.message-row.last-in-group .message.outgoing .message-bubble{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-sm)}.message-avatar,.message-avatar-spacer{display:none!important}}.message-input-container{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.input-button{padding:.5rem;color:var(--text-tertiary);background:transparent;border-radius:50%;flex-shrink:0}.input-button:hover{color:var(--text-secondary);background:var(--bg-hover)}.message-input-container textarea{flex:1;padding:.625rem 0;font-size:.9375rem;resize:none;max-height:150px;line-height:1.4}.send-button{width:40px;height:40px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-button:hover{background:var(--accent-secondary)}.send-button:disabled{opacity:.7;cursor:not-allowed}.loading-messages,.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);gap:.5rem}.loading-messages svg{color:var(--accent-primary)}.no-messages .hint{font-size:.875rem;opacity:.7}.typing-indicator{display:flex;align-self:flex-start;padding:.75rem 1rem;margin-bottom:.5rem}.typing-dots{display:flex;gap:4px;padding:8px 12px;background:var(--message-in);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm)}.typing-dots span{width:8px;height:8px;background:var(--text-tertiary);border-radius:50%;animation:typing-bounce 1.4s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-4px);opacity:1}}.header-status{font-size:.75rem;color:var(--text-secondary);transition:color .2s ease}.header-status.typing{color:var(--accent-primary)}.header-status.online{color:var(--success, #4ade80)}.header-avatar.clickable,.header-info.clickable{cursor:pointer}.header-avatar.clickable:hover{opacity:.85;transform:scale(1.05);transition:all .15s ease}.header-info.clickable:hover .header-title{color:var(--accent-primary);transition:color .15s ease}.animate-slide-up{animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.channel-readonly{justify-content:center;padding:1rem;color:var(--text-secondary);font-size:.9375rem;font-weight:500}.channel-msg{max-width:none!important;width:auto}.channel-msg .message-bubble{background:var(--bg-primary);border:1px solid var(--border-color);display:inline-block}.channel-msg .message-text{display:inline}.channel-msg .message-meta{display:inline-flex;float:right;margin-left:8px;margin-top:4px;position:relative;top:3px}.channel-views{display:flex;align-items:center;font-size:.6875rem;color:var(--text-tertiary);margin-left:4px}.channel-views-icon{font-size:.75rem;margin-right:3px;opacity:.8}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;background:var(--bg-primary)}.empty-icon{width:160px;height:160px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:50%;color:var(--text-tertiary);margin-bottom:1rem}.empty-state h2{font-size:1.5rem;font-weight:600;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state p{color:var(--text-secondary);max-width:300px}.contacts-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary)}.contacts-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color)}.contacts-header h2{flex:1;font-size:18px;font-weight:600}.contacts-header .back-btn,.contacts-header .add-btn{background:none;color:var(--text-secondary);padding:8px;border-radius:var(--radius-md);display:flex;align-items:center}.contacts-header .back-btn:hover,.contacts-header .add-btn:hover{background:var(--bg-hover);color:var(--accent-primary)}.contacts-tabs{display:flex;border-bottom:1px solid var(--border-color)}.contacts-tabs .tab{flex:1;padding:10px;background:none;color:var(--text-secondary);font-size:13px;font-weight:500;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.contacts-tabs .tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.contacts-tabs .tab:hover{background:var(--bg-hover)}.add-contact-form{padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.add-contact-form input{width:100%;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:14px;color:var(--text-primary);transition:border-color var(--transition-fast)}.add-contact-form input:focus{border-color:var(--accent-primary)}.search-results{margin-top:8px;max-height:200px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-md);cursor:pointer}.search-result-item:hover{background:var(--bg-hover)}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{display:block;font-size:14px;font-weight:500;color:var(--text-primary)}.user-username{display:block;font-size:12px;color:var(--text-tertiary)}.action-btn{padding:6px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:500;background:var(--bg-hover);color:var(--text-primary);white-space:nowrap}.action-btn.primary{background:var(--accent-primary);color:#fff}.action-btn:hover{filter:brightness(1.1)}.contacts-list{flex:1;overflow-y:auto;padding:4px 0}.contacts-loading{display:flex;align-items:center;justify-content:center;padding:40px}.contacts-empty{text-align:center;padding:40px 20px;color:var(--text-tertiary);font-size:14px}.contact-item{display:flex;align-items:center;gap:12px;padding:8px 16px;transition:background var(--transition-fast)}.contact-item:hover{background:var(--bg-hover)}.contact-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;cursor:pointer;flex-shrink:0}.contact-avatar.blocked{background:var(--bg-tertiary);font-size:20px}.contact-info{flex:1;min-width:0;cursor:pointer}.contact-name{display:block;font-size:15px;font-weight:500;color:var(--text-primary)}.favorite-star{color:#ffc107;margin-left:4px}.contact-meta{display:block;font-size:12px;color:var(--text-tertiary);margin-top:2px}.contact-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.contact-item:hover .contact-actions{opacity:1}.icon-btn{padding:6px;border-radius:var(--radius-sm);background:none;font-size:16px;line-height:1;color:var(--text-tertiary)}.icon-btn:hover{background:var(--bg-tertiary)}.icon-btn.danger:hover{color:var(--error)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.create-group-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);width:420px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:17px;font-weight:600}.close-btn{background:none;color:var(--text-tertiary);font-size:18px;padding:4px 8px;border-radius:var(--radius-sm)}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:20px;overflow-y:auto}.type-selector{display:flex;gap:8px;margin-bottom:16px}.type-btn{flex:1;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-secondary);border:2px solid transparent;transition:all var(--transition-fast)}.type-btn.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#3390ec1a}.type-btn:hover{background:var(--bg-hover)}.group-name-input,.member-search-input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:15px;color:var(--text-primary);margin-bottom:12px;transition:border-color var(--transition-fast)}.group-name-input:focus,.member-search-input:focus{border-color:var(--accent-primary);outline:none}.error-text{color:var(--error);font-size:13px;margin-bottom:8px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.cancel-btn{padding:10px 16px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-md);font-size:14px;font-weight:500}.cancel-btn:hover{background:var(--bg-hover)}.next-btn,.create-btn{padding:10px 20px;background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);font-size:14px;font-weight:600}.next-btn:disabled,.create-btn:disabled{opacity:.5;cursor:not-allowed}.next-btn:hover:not(:disabled),.create-btn:hover:not(:disabled){filter:brightness(1.1)}.selected-members{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;min-height:20px}.member-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--accent-primary);color:#fff;border-radius:20px;font-size:13px}.member-chip button{background:none;color:#fff;font-size:12px;padding:0;opacity:.7}.member-chip button:hover{opacity:1}.member-search-results{max-height:300px;overflow-y:auto}.member-result{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.member-result:hover{background:var(--bg-hover)}.member-result.selected{background:#3390ec1a}.member-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.member-info{flex:1;min-width:0}.member-info span:first-child{display:block;font-size:14px;font-weight:500;color:var(--text-primary)}.member-username{display:block;font-size:12px;color:var(--text-tertiary)}.check-mark{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;transition:all var(--transition-fast)}.check-mark.checked{background:var(--accent-primary);border-color:var(--accent-primary)}.user-menu{position:relative}.menu-trigger{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:transparent;border-radius:var(--radius-md);transition:all var(--transition-fast)}.menu-trigger:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;width:240px;background:var(--bg-tertiary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:100}.menu-header{display:flex;align-items:center;gap:.75rem;padding:1rem}.menu-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);color:#fff;border-radius:50%;overflow:hidden}.menu-avatar img{width:100%;height:100%;object-fit:cover}.menu-user-info{display:flex;flex-direction:column}.menu-username{font-weight:500}.menu-phone{font-size:.75rem;color:var(--text-secondary)}.menu-divider{height:1px;background:var(--border-color);margin:.25rem 0}.menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;color:var(--text-primary);background:transparent;text-align:left;transition:background var(--transition-fast)}.menu-item:hover{background:var(--bg-hover)}.menu-item.danger{color:var(--error)}.menu-item.danger:hover{background:#e542451a}.menu-item.admin{color:var(--warning)}.menu-item.admin:hover{background:#e8a4281a}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:1rem}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);padding:1.5rem;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .25s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modal-header h2{margin:0;font-size:1.25rem}.modal-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);color:var(--text-secondary);border-radius:50%;transition:all var(--transition-fast)}.modal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.profile-modal{max-width:420px}.profile-info{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.profile-avatar-wrapper{position:relative}.profile-avatar{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);color:#fff;border-radius:50%;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-edit-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);color:#fff;border-radius:50%;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.avatar-edit-btn:hover{transform:scale(1.1)}.profile-details{width:100%}.profile-field{display:flex;flex-direction:column;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.profile-field:last-child{border-bottom:none}.profile-field label{font-size:.75rem;color:var(--accent-primary);margin-bottom:.25rem;font-weight:500}.profile-field span{color:var(--text-primary)}.profile-edit-form{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.form-group{width:100%}.form-group label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.form-group input{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:border-color var(--transition-fast)}.form-group input:focus{border-color:var(--accent-primary);outline:none}.input-with-prefix{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.input-with-prefix:focus-within{border-color:var(--accent-primary)}.input-prefix{padding:.75rem 0 .75rem 1rem;color:var(--text-secondary)}.input-with-prefix input{border:none;background:transparent;padding-left:0}.input-with-prefix input:focus{border:none}.btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);font-weight:500;font-size:1rem;transition:opacity var(--transition-fast)}.btn-primary:hover{opacity:.9}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:var(--bg-hover);color:var(--text-primary);border-radius:var(--radius-md);font-weight:500;font-size:1rem;transition:background var(--transition-fast)}.btn-secondary:hover{background:var(--bg-tertiary)}.button-group{display:flex;gap:.75rem}.button-group .btn-secondary,.button-group .btn-primary{flex:1}.settings-list{display:flex;flex-direction:column;gap:.5rem}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.setting-item:last-child{border-bottom:none}.switch{position:relative;display:inline-block;width:48px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-hover);transition:.3s;border-radius:26px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--accent-primary)}input:checked+.slider:before{transform:translate(22px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-page{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.admin-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.admin-header .back-btn{background:none;color:var(--text-secondary);padding:8px;border-radius:var(--radius-md)}.admin-header .back-btn:hover{background:var(--bg-hover);color:var(--accent-primary)}.admin-header h2{font-size:18px;font-weight:600}.admin-tabs{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.admin-tabs .tab{flex:1;padding:12px;background:none;color:var(--text-secondary);font-size:13px;font-weight:500;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.admin-tabs .tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.admin-tabs .tab:hover{background:var(--bg-hover)}.admin-content{flex:1;overflow-y:auto;padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card.accent{border-color:var(--accent-primary);background:#3390ec0d}.stat-icon{font-size:32px;margin-bottom:8px}.stat-value{font-size:36px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.stat-label{font-size:13px;color:var(--text-tertiary);margin-top:4px}.users-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.search-input{flex:1;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary)}.search-input:focus{border-color:var(--accent-primary);outline:none}.users-count{font-size:13px;color:var(--text-tertiary);white-space:nowrap}.users-table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:12px 16px;background:var(--bg-tertiary);font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:12px 16px;align-items:center;border-top:1px solid var(--border-color);transition:background var(--transition-fast)}.table-row:hover{background:var(--bg-hover)}.user-cell{display:flex;align-items:center;gap:10px}.mini-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13px;flex-shrink:0}.cell-name{font-size:14px;font-weight:500;color:var(--text-primary)}.cell-username{font-size:12px;color:var(--text-tertiary)}.status-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#4fae4e26;color:var(--success)}.status-badge.banned{background:#e5424526;color:var(--error)}.sessions-cell{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.date-cell{font-size:13px;color:var(--text-tertiary)}.actions-cell{display:flex;gap:4px}.action-btn-sm{padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;background:var(--bg-tertiary);color:var(--text-secondary)}.action-btn-sm:hover{background:var(--bg-hover)}.action-btn-sm.danger{color:var(--error)}.action-btn-sm.danger:hover{background:#e542451a}.action-btn-sm.success{color:var(--success)}.action-btn-sm.success:hover{background:#4fae4e1a}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px}.pagination button{padding:8px 16px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:13px}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination button:hover:not(:disabled){background:var(--bg-hover)}.pagination span{font-size:13px;color:var(--text-tertiary)}.loading-center{display:flex;justify-content:center;padding:40px}.coming-soon{text-align:center;padding:60px;color:var(--text-tertiary);font-size:15px}.chat-page{display:flex;height:100vh;background:var(--bg-primary)}.sidebar{width:320px;min-width:320px;display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border-color);transition:transform var(--transition-normal),width var(--transition-normal)}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.sidebar-title{flex:1;font-size:1.25rem;font-weight:600;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.connection-status{width:8px;height:8px;border-radius:50%;background:var(--error);transition:background var(--transition-fast)}.connection-status.online{background:var(--online)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}@media(min-width:769px){.sidebar{position:relative;transform:none!important}.chat-view-header .back-button{display:none}}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;z-index:100;width:100%;min-width:100%;height:100%}.sidebar.hidden{transform:translate(-100%);pointer-events:none}.main-content{width:100%}.chat-view-header .back-button{display:flex}}@media(min-width:769px)and (max-width:1024px){.sidebar{width:280px;min-width:280px}}@media(min-width:1200px){.sidebar{width:380px;min-width:380px}}.loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--bg-primary)}.loading-screen p{color:var(--text-secondary);font-size:1.125rem;font-weight:500}.loading-spinner{width:48px;height:48px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}:root{--bg-primary: #0e1621;--bg-secondary: #17212b;--bg-tertiary: #232e3c;--bg-hover: #2b3a4d;--accent-primary: #3390ec;--accent-secondary: #7eb8f1;--accent-gradient: linear-gradient(135deg, #3390ec 0%, #5fa3ed 100%);--text-primary: #ffffff;--text-secondary: #8b9198;--text-tertiary: #6c7883;--border-color: #2b3a4d;--success: #4fae4e;--warning: #e8a428;--error: #e54245;--online: #4fae4e;--message-out: #2b5278;--message-in: #182533;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .4);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary)}html:not(.dark){--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #eeeeee;--bg-hover: #e0e0e0;--accent-primary: #3390ec;--accent-secondary: #5fa3ed;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #e0e0e0;--message-out: #e3f2fd;--message-in: #f5f5f5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .16)}html.dark{--bg-primary: #0e1621;--bg-secondary: #17212b;--bg-tertiary: #232e3c;--bg-hover: #2b3a4d;--text-primary: #ffffff;--text-secondary: #8b9198;--text-tertiary: #6c7883;--border-color: #2b3a4d;--message-out: #2b5278;--message-in: #182533}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}input,textarea{font-family:inherit;border:none;outline:none;background:transparent;color:var(--text-primary)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--accent-primary);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease}.animate-slide-up{animation:slideUp var(--transition-normal) ease}.animate-slide-in{animation:slideIn var(--transition-normal) ease}.animate-pulse{animation:pulse 2s ease infinite}.animate-spin{animation:spin 1s linear infinite}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}