:root{--bg-primary: #0f1419;--bg-secondary: #1c2533;--bg-tertiary: #2b3544;--bg-hover: rgba(51, 144, 236, .1);--bg-active: rgba(51, 144, 236, .15);--text-primary: #ffffff;--text-secondary: #8e98a8;--accent-primary: #3390ec;--accent-secondary: #2980d9;--online-color: var(--online-color);--border-color: rgba(43, 53, 68, .5);--shadow-color: rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comfortaa,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}#root{width:100vw;height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.auth-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.auth-box{background:var(--bg-secondary);padding:40px;border-radius:16px;box-shadow:0 8px 32px var(--shadow-color);width:100%;max-width:400px;animation:slideUp .3s ease}.auth-box h1{font-size:32px;margin-bottom:10px;color:var(--text-primary);font-weight:600}.auth-box p{color:var(--text-secondary);margin-bottom:30px}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-secondary);font-size:14px;font-weight:500}.form-group input{padding:12px 16px;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:8px;color:var(--text-primary);font-size:15px;outline:none;transition:all .2s}.form-group input:focus{border-color:var(--accent-primary);background:var(--bg-hover)}.error-message{background:#ff3b301a;color:#ff3b30;padding:12px;border-radius:8px;font-size:14px;border:1px solid rgba(255,59,48,.3)}.btn-primary{padding:14px;background:var(--accent-primary);border:none;border-radius:8px;color:var(--text-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #3390ec66}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--bg-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.auth-switch{text-align:center;margin-top:20px;color:var(--text-secondary)}.auth-switch button{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:15px;text-decoration:underline;padding:0}.auth-switch button:hover{color:var(--accent-secondary)}.auth-box .btn-primary{background:#0f3824;color:#e6ffe6;border:1px solid rgba(0,255,153,.25);box-shadow:0 6px 18px #00ff992e}.auth-box .btn-primary:hover:not(:disabled){background:#155f3a;transform:translateY(-1px)}.auth-box .btn-primary:active:not(:disabled){background:#0f3824;transform:translateY(0)}.messenger-container{width:100%;height:100vh;display:flex;background:var(--bg-primary)}.messenger-content{display:flex;flex:1;min-height:0;width:100%}.messenger-container.mobile{flex-direction:column}.messenger-container.mobile .sidebar,.messenger-container.mobile .chat-container{width:100%;max-width:100%;flex:1}.messenger-container.mobile .sidebar{height:100vh;overflow-y:auto}.sidebar{width:420px;min-width:320px;max-width:440px;background:var(--bg-secondary);display:flex;flex-direction:column;border-right:1px solid var(--bg-tertiary);height:100vh;overflow-y:auto}@media(max-width:768px){.sidebar{width:100%;min-width:0;max-width:none;height:100vh}}.sidebar-header{padding:16px;border-bottom:1px solid var(--bg-tertiary);display:flex;gap:12px;align-items:center}.sidebar-header .search-box{flex:1;margin:0}.sidebar-header h2{font-size:24px;font-weight:600}.logout-btn{background:var(--bg-tertiary);border:none;color:var(--text-primary);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.logout-btn:hover{background:var(--bg-hover)}.search-box{padding:16px 20px}.search-box input{width:100%;padding:10px 16px;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none}.search-box input:focus{border-color:var(--accent-primary)}.chat-tabs{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--bg-tertiary);background:var(--bg-secondary)}.chat-tab{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.chat-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-tab.active{background:var(--accent-primary);color:var(--text-primary)}.create-group-btn{width:36px;height:36px;border-radius:50%;background:var(--accent-primary);border:none;color:var(--text-primary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.create-group-btn:hover{background:var(--accent-secondary);transform:scale(1.1)}.user-list{flex:1;overflow-y:auto}.user-item{padding:16px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;border-bottom:1px solid rgba(43,53,68,.5)}.user-item:hover{background:#3390ec1a}.user-item.active{background:#3390ec26;border-left:3px solid var(--accent-primary)}.user-avatar{width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:var(--text-primary);flex-shrink:0;position:relative;overflow:hidden}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:var(--online-color);border:2px solid #1c2533;border-radius:50%}.user-info{flex:1;min-width:0}.user-name{font-weight:600;font-size:15px;margin-bottom:4px}.user-status{color:var(--text-secondary);font-size:13px}.unread-badge{min-width:22px;height:22px;background:var(--accent-primary);color:var(--text-primary);border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;padding:0 6px;margin-left:auto;flex-shrink:0;box-shadow:0 2px 4px #3390ec4d;animation:badgePulse 2s ease-in-out infinite}.user-item.active .unread-badge{background:var(--accent-secondary)}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.user-status.online{color:var(--online-color)}.chat-container{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);min-height:0}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--text-secondary)}.chat-empty-icon{font-size:80px;opacity:.3}.chat-header{padding:20px 24px;border-bottom:1px solid var(--bg-tertiary);display:flex;align-items:center;gap:12px;background:var(--bg-secondary);position:sticky;top:0;z-index:2}.mobile-back-btn{background:none;border:1px solid var(--border-color);color:var(--text-primary);border-radius:10px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.mobile-back-btn:hover{background:var(--bg-tertiary)}.chat-header-info{flex:1}.chat-header-name{font-size:18px;font-weight:600;margin-bottom:4px}.chat-header-status{color:var(--text-secondary);font-size:14px}.chat-header-status.online{color:var(--online-color)}.typing-indicator{color:var(--accent-primary);font-size:14px;display:inline-flex;align-items:center;gap:4px;animation:typingPulse 1.4s ease-in-out infinite}.typing-indicator:after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent-primary);animation:typingDots 1.4s ease-in-out infinite}@keyframes typingPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes typingDots{0%,20%,to{transform:scale(0);opacity:0}40%{transform:scale(1);opacity:1}60%,80%{transform:scale(.8);opacity:.6}}.messages-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:12px}.message{display:flex;gap:10px;animation:messageAppear .2s ease}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.own{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--text-primary);flex-shrink:0;overflow:hidden}.message-content{max-width:60%;display:flex;flex-direction:column;gap:4px}.message.own .message-content{align-items:flex-end}.message-sender-name{font-size:13px;font-weight:600;margin-bottom:2px;padding-left:4px}.message-bubble{padding:8px 12px;border-radius:16px;background:var(--bg-secondary);color:var(--text-primary);word-wrap:break-word;font-size:15px;line-height:1.4;position:relative;display:flex;flex-direction:column;gap:4px}.message.own .message-bubble{background:var(--accent-primary)}.message-text{padding-right:50px;word-break:break-word}.message-time{font-size:11px;color:#ffffff80;align-self:flex-end;white-space:nowrap;margin-top:-4px;-webkit-user-select:none;user-select:none}.message.own .message-time{color:#ffffffb3}.message-time-overlay{position:absolute;bottom:8px;right:8px;background:#0009;padding:2px 6px;border-radius:10px;font-size:11px;color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chat-input-container{padding:20px 24px;border-top:1px solid #2b3544;background:var(--bg-secondary);position:sticky;bottom:0;z-index:2}.chat-input-box{display:flex;gap:12px;align-items:flex-end}.chat-input{flex:1;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:24px;color:var(--text-primary);font-size:15px;outline:none;resize:none;max-height:120px;font-family:inherit}.chat-input:focus{border-color:var(--accent-primary)}.send-btn{width:44px;height:44px;border-radius:50%;background:var(--accent-primary);border:none;color:var(--text-primary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--accent-secondary);transform:scale(1.05)}.send-btn:disabled{background:var(--bg-tertiary);cursor:not-allowed;transform:none}.emoji-picker-container{position:relative}.emoji-button{width:44px;height:44px;border-radius:50%;background:var(--bg-tertiary);border:none;color:var(--text-primary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.emoji-button:hover{background:var(--bg-hover);transform:scale(1.05)}.emoji-picker-popup{position:absolute;bottom:55px;left:0;width:360px;max-height:400px;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:1000;animation:slideUpFade .2s ease}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-header{padding:12px 16px;border-bottom:1px solid var(--bg-tertiary);display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600}.emoji-picker-close{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.emoji-picker-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.emoji-picker-content{max-height:340px;overflow-y:auto;padding:12px}.emoji-category{margin-bottom:16px}.emoji-category:last-child{margin-bottom:0}.emoji-category-name{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.emoji-item{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.emoji-item:hover{background:var(--bg-tertiary);transform:scale(1.2)}.emoji-item:active{transform:scale(1.1)}.user-menu-container{position:relative;flex-shrink:0}.user-menu-button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;cursor:pointer;transition:all .2s;border-radius:50%}.user-menu-button:hover{transform:scale(1.05);box-shadow:0 0 0 3px #3390ec33}.user-menu-button:active{transform:scale(.98)}.user-menu-avatar,.user-menu-dropdown-avatar,.message-avatar,.user-avatar{position:relative;overflow:hidden;border-radius:50%}.user-menu-avatar-img,.user-menu-dropdown-avatar-img,.message-avatar-img,.user-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;display:block}.user-menu-avatar{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--text-primary);flex-shrink:0;overflow:hidden;border:2px solid var(--bg-tertiary);box-shadow:0 2px 8px #0003}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:280px;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:1000;animation:slideDown .2s ease}.user-menu-dropdown-header{display:flex;align-items:center;gap:12px;padding:16px}.user-menu-dropdown-avatar{width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:var(--text-primary);flex-shrink:0;overflow:hidden}.user-menu-dropdown-info{flex:1;min-width:0}.user-menu-dropdown-name{font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-dropdown-username{font-size:13px;color:var(--text-secondary)}.user-menu-dropdown-divider{height:1px;background:var(--bg-tertiary);margin:8px 0}.user-menu-dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s;text-align:left}.user-menu-dropdown-item:hover{background:#3390ec1a}.user-menu-dropdown-item.danger{color:#ff3b30}.user-menu-dropdown-item.danger:hover{background:#ff3b301a}.user-menu-dropdown-icon{font-size:18px}.settings-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{background:var(--bg-secondary);border-radius:16px;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 16px 64px #00000080;animation:slideUp .3s ease}.settings-modal-header{padding:24px;border-bottom:1px solid var(--bg-tertiary);display:flex;justify-content:space-between;align-items:center}.settings-modal-header h2{font-size:24px;font-weight:600;margin:0}.settings-modal-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.settings-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-modal-content{flex:1;overflow-y:auto;padding:24px}.settings-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--bg-tertiary)}.settings-tab{padding:12px 20px;background:none;border:none;color:var(--text-secondary);font-size:15px;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;font-weight:500}.settings-tab:hover{color:var(--text-primary)}.settings-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.settings-content{animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-section h3{font-size:18px;font-weight:600;margin:0 0 16px}.settings-divider{height:1px;background:var(--bg-tertiary);margin:24px 0}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:16px}.profile-avatar-preview{width:120px;height:120px;min-width:120px;min-height:120px;border-radius:50%;overflow:hidden;border:3px solid #2b3544;position:relative}.profile-avatar-preview img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:600;color:var(--text-primary);border-radius:50%}.profile-avatar-actions{display:flex;gap:12px}.profile-avatar-hint{font-size:13px;color:var(--text-secondary)}.btn-secondary{padding:10px 20px;background:var(--bg-tertiary);border:none;border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{padding:10px 20px;background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:8px;color:#ff3b30;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){background:#ff3b3033}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.settings-field{display:flex;gap:12px;align-items:center}.settings-field input{flex:1;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:8px;color:var(--text-primary);font-size:15px;outline:none;transition:all .2s}.settings-field input:focus{border-color:var(--accent-primary)}.settings-info{display:flex;flex-direction:column;gap:12px}.settings-info-item{display:flex;justify-content:space-between;padding:12px;background:var(--bg-primary);border-radius:8px}.settings-info-label{color:var(--text-secondary);font-size:14px}.settings-info-value{color:var(--text-primary);font-size:14px;font-weight:500}.settings-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.settings-info-box{display:flex;gap:12px;background:#2d88ff1a;border:1px solid rgba(45,136,255,.2);border-radius:12px;padding:16px;margin-top:20px}.settings-info-box-icon{font-size:24px;line-height:1;flex-shrink:0}.settings-info-box-content{flex:1}.settings-info-box-content strong{display:block;color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:6px}.settings-info-box-content p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.settings-message{padding:12px 16px;border-radius:8px;font-size:14px;margin-top:16px;animation:slideDown .3s ease}.settings-message.success{background:#4cd9641a;border:1px solid rgba(76,217,100,.3);color:var(--online-color)}.settings-message.error{background:#ff3b301a;border:1px solid rgba(255,59,48,.3);color:#ff3b30}.message-options-menu{position:fixed;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;box-shadow:0 8px 32px #0006;z-index:2000;min-width:200px;animation:slideIn .15s ease}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.message-options-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s;text-align:left}.message-options-item:first-child{border-radius:8px 8px 0 0}.message-options-item:last-child{border-radius:0 0 8px 8px}.message-options-item:hover{background:#3390ec1a}.message-options-item.danger{color:#ff3b30}.message-options-item.danger:hover{background:#ff3b301a}.message-options-icon{font-size:16px}.message-options-divider{height:1px;background:var(--bg-tertiary);margin:4px 0}.message-options-info{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-secondary);font-size:13px;line-height:1.4}.message-options-info .message-options-icon{color:var(--accent-primary);font-size:14px;flex-shrink:0}.edit-message-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2500;animation:fadeIn .2s ease}.edit-message-modal{background:var(--bg-secondary);border-radius:12px;width:90%;max-width:500px;box-shadow:0 16px 64px #00000080;animation:slideUp .3s ease}.edit-message-header{padding:20px 24px;border-bottom:1px solid var(--bg-tertiary);display:flex;justify-content:space-between;align-items:center}.edit-message-header h3{margin:0;font-size:18px;font-weight:600}.edit-message-close{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.edit-message-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.edit-message-form{padding:24px}.edit-message-textarea{width:100%;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:8px;color:var(--text-primary);font-size:15px;font-family:inherit;resize:vertical;min-height:100px;outline:none;transition:all .2s}.edit-message-textarea:focus{border-color:var(--accent-primary)}.edit-message-actions{display:flex;gap:12px;margin-top:16px;justify-content:flex-end}.edit-message-hint{margin-top:12px;font-size:12px;color:var(--text-secondary);text-align:center}.message.deleted{animation:messageDeleteFade .5s ease forwards}@keyframes messageDeleteFade{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.98)}to{opacity:.6;transform:scale(.95)}}.message.deleted-hiding{animation:messageFadeOut 1s ease forwards}@keyframes messageFadeOut{0%{opacity:.6;max-height:100px;transform:scale(.95);margin-bottom:12px}50%{opacity:.3;transform:scale(.9)}to{opacity:0;max-height:0;transform:scale(.85);margin-bottom:0;padding-top:0;padding-bottom:0}}.message-deleted-text{font-style:italic;color:var(--text-secondary);animation:deletedTextPulse .5s ease}@keyframes deletedTextPulse{0%,to{opacity:1}50%{opacity:.7}}.message-edited{font-size:11px;color:var(--text-secondary);font-style:italic;margin-left:6px}.date-separator{display:flex;justify-content:center;align-items:center;margin:12px 0;position:relative;color:var(--text-secondary);font-size:12px;text-transform:none}.date-separator span{padding:6px 12px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 8px #00000040}.message{cursor:context-menu;transition:background .2s ease}.message:hover{background:#ffffff05;border-radius:8px}.settings-toggle-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-primary);border-radius:8px;gap:16px}.settings-toggle-info{flex:1}.settings-toggle-label{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.settings-toggle-description{font-size:13px;color:var(--text-secondary);line-height:1.4}.settings-toggle{position:relative;width:50px;height:28px;background:var(--bg-tertiary);border:none;border-radius:14px;cursor:pointer;transition:all .3s;flex-shrink:0}.settings-toggle.active{background:var(--accent-primary)}.settings-toggle-slider{position:absolute;top:3px;left:3px;width:22px;height:22px;background:var(--text-primary);border-radius:50%;transition:all .3s;box-shadow:0 2px 4px #0003}.settings-toggle.active .settings-toggle-slider{transform:translate(22px)}.settings-toggle:hover{opacity:.9}.settings-sound-test{margin-top:12px;padding:0 16px}.settings-sound-test .btn-secondary{width:100%}.voice-recorder{width:100%;padding:12px;background:var(--bg-secondary);border-radius:12px}.voice-recorder-content{display:flex;align-items:center;gap:12px}.voice-recorder-icon{font-size:32px;display:flex;align-items:center;justify-content:center;min-width:48px}.voice-recording-animation{position:relative;animation:voiceIconPulse 1.5s ease-in-out infinite}@keyframes voiceIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.voice-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:#ff3b304d;animation:voicePulse 1.5s ease-out infinite}@keyframes voicePulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.voice-recorder-info{flex:1;min-width:0}.voice-recorder-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.voice-recorder-time{font-size:16px;font-weight:700;color:#ff3b30;font-variant-numeric:tabular-nums}.voice-recorder-actions{display:flex;gap:8px}.voice-recorder-btn{width:40px;height:40px;border-radius:50%;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.voice-recorder-btn.start{background:#ff3b30;color:var(--text-primary)}.voice-recorder-btn.start:hover{background:#ff2d1f;transform:scale(1.05)}.voice-recorder-btn.stop{background:#ff9500;color:var(--text-primary)}.voice-recorder-btn.stop:hover{background:#f80;transform:scale(1.05)}.voice-recorder-btn.send{background:var(--accent-primary);color:var(--text-primary)}.voice-recorder-btn.send:hover{background:var(--accent-secondary);transform:scale(1.05)}.voice-recorder-btn.cancel{background:var(--bg-tertiary);color:var(--text-primary)}.voice-recorder-btn.cancel:hover{background:var(--bg-hover)}.voice-btn{width:44px;height:44px;border-radius:50%;background:var(--bg-tertiary);border:none;color:var(--text-primary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.voice-btn:hover{background:var(--bg-hover);transform:scale(1.05)}.audio-player{display:flex;align-items:center;gap:12px;padding:8px;min-width:250px}.audio-player-btn{width:36px;height:36px;border-radius:50%;background:var(--accent-primary);border:none;color:var(--text-primary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.audio-player-btn:hover{background:var(--accent-secondary);transform:scale(1.05)}.audio-player-info{flex:1;min-width:0}.audio-player-progress{height:4px;background:#fff3;border-radius:2px;overflow:hidden;margin-bottom:6px;cursor:pointer;transition:height .2s;position:relative}.audio-player-progress:hover{height:6px}.audio-player-progress:hover:after{content:"";position:absolute;inset:-4px 0;cursor:pointer}.audio-player-progress-bar{height:100%;background:var(--accent-primary);border-radius:2px;transition:width .1s linear;pointer-events:none}.audio-player-time{font-size:11px;color:#fff9;font-variant-numeric:tabular-nums}.audio-player-icon{font-size:20px;opacity:.8}.message-bubble.voice-message{padding:4px 8px;min-width:280px;display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.media-btn{background:transparent;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.media-btn:hover{background:#ffffff1a;transform:scale(1.1)}.pasted-image-preview{padding:15px;background:#2d88ff0d;border-bottom:2px solid rgba(45,136,255,.3);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pasted-image-container{position:relative;display:inline-block;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0003}.pasted-image-thumb{max-width:200px;max-height:150px;display:block;border-radius:12px;object-fit:cover}.pasted-image-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:none;background:#000000b3;color:var(--text-primary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pasted-image-remove:hover{background:#ff3b30e6;transform:scale(1.1)}.pasted-image-hint{margin-top:10px;font-size:13px;color:#ffffffb3;display:flex;align-items:center;gap:5px}.media-picker-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s}.media-picker-modal{background:var(--bg-secondary);border-radius:16px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s}.media-picker-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.media-picker-header h3{margin:0;font-size:20px}.media-picker-close{background:transparent;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;padding:5px 10px;border-radius:8px;transition:all .2s}.media-picker-close:hover{background:#ffffff1a}.media-picker-content{padding:30px;flex:1;overflow-y:auto}.media-picker-select{display:flex;align-items:center;justify-content:center;min-height:300px}.media-picker-btn{background:#2d88ff1a;border:2px dashed #2d88ff;border-radius:16px;padding:40px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--text-primary)}.media-picker-btn:hover{background:#2d88ff33;border-color:#4d9eff;transform:scale(1.02)}.media-picker-icon{font-size:64px}.media-picker-label{font-size:18px;font-weight:600}.media-picker-hint{font-size:14px;color:#fff9}.media-picker-preview{display:flex;flex-direction:column;gap:20px}.media-preview-image,.media-preview-video{width:100%;max-height:400px;object-fit:contain;border-radius:12px;background:#000}.media-picker-actions{display:flex;gap:10px;justify-content:flex-end}.btn-secondary{padding:10px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#ffffff1a}.btn-primary{padding:10px 20px;border-radius:8px;border:none;background:#2d88ff;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{background:#4d9eff;transform:translateY(-1px);box-shadow:0 4px 12px #2d88ff4d}.media-message{padding:5px!important;background:transparent!important;max-width:400px;position:relative}.message-media-image,.message-media-video{width:100%;max-width:350px;border-radius:12px;cursor:pointer;transition:all .2s;display:block}.message-media-image:hover{transform:scale(1.02);box-shadow:0 4px 12px #0000004d}.message-media-video{max-height:300px}.media-viewer-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s}.media-viewer-container{width:100%;height:100%;display:flex;flex-direction:column}.media-viewer-header{display:flex;justify-content:flex-end;gap:10px;padding:20px}.media-viewer-btn{background:#ffffff1a;border:none;color:var(--text-primary);font-size:24px;width:44px;height:44px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.media-viewer-btn:hover{background:#fff3}.media-viewer-content{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.media-viewer-content.fullscreen{padding:0}.media-viewer-image,.media-viewer-video{max-width:100%;max-height:100%;object-fit:contain}.media-viewer-content.fullscreen .media-viewer-image,.media-viewer-content.fullscreen .media-viewer-video{width:100%;height:100%;object-fit:cover}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.sidebar{width:100%}.messenger-container.chat-open .sidebar{display:none}.message-content{max-width:80%}.emoji-picker-popup{width:320px;max-height:350px}.emoji-grid{grid-template-columns:repeat(7,1fr)}.emoji-item{font-size:20px;padding:6px}}.new-year-timer{margin:15px 15px 10px;padding:15px;background:linear-gradient(135deg,#1e3c72,#2a5298,#7e22ce);border-radius:16px;box-shadow:0 4px 15px #7e22ce4d;position:relative;overflow:hidden;animation:timerGlow 3s ease-in-out infinite}.new-year-timer:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 4s linear infinite}@keyframes timerGlow{0%,to{box-shadow:0 4px 15px #7e22ce4d}50%{box-shadow:0 4px 25px #7e22ce99}}@keyframes shimmer{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.new-year-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;position:relative;z-index:1}.new-year-icon{font-size:18px;animation:bounce 2s ease-in-out infinite}.new-year-icon:first-child{animation-delay:0s}.new-year-icon:last-child{animation-delay:.5s}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.1)}}.new-year-title{font-size:14px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.new-year-countdown{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1}.countdown-item{display:flex;flex-direction:column;align-items:center;min-width:50px}.countdown-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px rgba(0,0,0,.4);background:#ffffff1a;padding:8px 12px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.countdown-label{font-size:10px;color:#ffffffe6;margin-top:4px;text-transform:lowercase;font-weight:500}.countdown-separator{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 2px;animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:.5}}.new-year-celebration{text-align:center;position:relative;z-index:1}.celebration-text{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:10px;animation:celebrate 1s ease-in-out infinite}@keyframes celebrate{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.celebration-fireworks{display:flex;justify-content:center;gap:15px;font-size:24px}.celebration-fireworks span{animation:firework 1.5s ease-out infinite}.celebration-fireworks span:nth-child(1){animation-delay:0s}.celebration-fireworks span:nth-child(2){animation-delay:.5s}.celebration-fireworks span:nth-child(3){animation-delay:1s}@keyframes firework{0%{transform:translateY(0) scale(.5);opacity:0}50%{transform:translateY(-20px) scale(1.2);opacity:1}to{transform:translateY(0) scale(.8);opacity:0}}.new-year-decoration{display:flex;justify-content:space-around;margin-top:10px;position:relative;z-index:1}.snowflake{font-size:16px;animation:snowfall 3s ease-in-out infinite}.snowflake:nth-child(1){animation-delay:0s}.snowflake:nth-child(2){animation-delay:.6s}.snowflake:nth-child(3){animation-delay:1.2s}.snowflake:nth-child(4){animation-delay:1.8s}.snowflake:nth-child(5){animation-delay:2.4s}@keyframes snowfall{0%,to{transform:translateY(0) rotate(0);opacity:.8}50%{transform:translateY(-8px) rotate(180deg);opacity:1}}@media(max-width:400px){.new-year-timer{padding:12px;margin:10px}.countdown-value{font-size:20px;padding:6px 10px}.countdown-item{min-width:45px}.countdown-label{font-size:9px}.new-year-title{font-size:13px}.snowflake{font-size:14px}}@media(prefers-color-scheme:dark){.new-year-timer{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}}.media-preview-audio{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;background:#2d88ff0d;border-radius:16px;border:2px solid rgba(45,136,255,.2)}.audio-preview-icon{font-size:80px;animation:audioIconPulse 2s ease-in-out infinite}@keyframes audioIconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.audio-preview-info{text-align:center;width:100%}.audio-preview-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;word-break:break-all}.audio-preview-size{font-size:14px;color:#fff9;margin-bottom:20px}.audio-preview-player{width:100%;max-width:400px;border-radius:8px;background:#0000004d;padding:5px}.message-audio-file{display:flex;align-items:center;gap:15px;padding:15px;background:#2d88ff1a;border-radius:12px;min-width:280px;max-width:350px}.audio-file-icon{font-size:40px;flex-shrink:0;animation:audioIconFloat 3s ease-in-out infinite}@keyframes audioIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.audio-file-info{flex:1;display:flex;flex-direction:column;gap:8px}.audio-file-name{font-size:14px;font-weight:600;color:var(--text-primary)}.audio-file-player{width:100%;border-radius:6px;height:32px}audio::-webkit-media-controls-panel{background-color:#0000004d}audio::-webkit-media-controls-play-button{background-color:#2d88ffcc;border-radius:50%}audio::-webkit-media-controls-play-button:hover{background-color:#2d88ff}audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-time-remaining-display{color:var(--text-primary)}audio::-webkit-media-controls-timeline{background-color:#fff3;border-radius:25px;margin-left:10px;margin-right:10px}@media(max-width:768px){.message-audio-file{min-width:240px;max-width:280px}.audio-file-icon{font-size:32px}.audio-preview-icon{font-size:64px}.media-preview-audio{padding:30px 20px}}.video-call-overlay{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.video-call-backdrop{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.video-call-modal{position:relative;width:90%;max-width:800px;max-height:85vh;background:linear-gradient(135deg,#1c2533,#2a3444);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a;animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.video-call-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.video-call-header-info{display:flex;align-items:center;gap:12px}.video-call-header-icon{font-size:24px;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.video-call-header-title{font-size:18px;font-weight:600;color:var(--text-primary)}.video-call-header-duration{font-size:16px;font-weight:500;color:#fffc;font-variant-numeric:tabular-nums;padding:6px 12px;background:#2d88ff33;border-radius:20px;min-width:60px;text-align:center}.video-call-body{flex:1;position:relative;background:#1a1d28;min-height:400px;display:flex;align-items:center;justify-content:center}.video-call-remote{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.video-call-remote-video{width:100%;height:100%;object-fit:contain}.video-call-audio-placeholder{display:flex;flex-direction:column;align-items:center;gap:20px}.video-call-audio-icon{font-size:80px;animation:audioIconBounce 2s ease-in-out infinite}@keyframes audioIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.video-call-audio-wave{display:flex;gap:6px;align-items:flex-end;height:40px}.video-call-audio-wave span{width:4px;background:linear-gradient(180deg,#2d88ff,#4d9eff);border-radius:2px;animation:audioWave 1.2s ease-in-out infinite}.video-call-audio-wave span:nth-child(1){animation-delay:0s;height:20px}.video-call-audio-wave span:nth-child(2){animation-delay:.1s;height:30px}.video-call-audio-wave span:nth-child(3){animation-delay:.2s;height:40px}.video-call-audio-wave span:nth-child(4){animation-delay:.3s;height:30px}.video-call-audio-wave span:nth-child(5){animation-delay:.4s;height:20px}@keyframes audioWave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.video-call-audio-text{font-size:18px;font-weight:500;color:#ffffffb3}.video-call-connecting{display:flex;flex-direction:column;align-items:center;gap:20px}.video-call-connecting-icon{font-size:100px;opacity:.5;animation:connectingPulse 2s ease-in-out infinite}@keyframes connectingPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.video-call-connecting-text{font-size:18px;font-weight:500;color:#ffffffb3}.video-call-connecting-dots{display:flex;gap:8px}.video-call-connecting-dots span{width:8px;height:8px;background:#2d88ff;border-radius:50%;animation:dotBounce 1.4s ease-in-out infinite}.video-call-connecting-dots span:nth-child(1){animation-delay:0s}.video-call-connecting-dots span:nth-child(2){animation-delay:.2s}.video-call-connecting-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.video-call-local-preview{position:absolute;bottom:20px;right:20px;width:180px;height:135px;border-radius:12px;overflow:hidden;background:#1c1c1e;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000080;z-index:10}.video-call-local-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.video-call-local-off{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#2c2c2e;position:relative}.video-call-local-off-icon{font-size:40px}.video-call-local-off-line{position:absolute;font-size:60px;color:#ff3b30}.video-call-footer{padding:20px 25px;background:#0000004d;border-top:1px solid rgba(255,255,255,.1)}.video-call-controls-group{display:flex;gap:15px;justify-content:center;align-items:center}.video-call-control{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 20px;border:none;border-radius:12px;background:#ffffff1a;color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:90px}.video-call-control:hover{background:#ffffff26;transform:translateY(-2px)}.video-call-control:active{transform:translateY(0)}.video-call-control.muted{background:#ff3b3033;color:#ff3b30}.video-call-control.muted:hover{background:#ff3b304d}.video-call-control-icon{font-size:28px}.video-call-control-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.end-call-btn{background:linear-gradient(135deg,#ff3b30,#ff453a);min-width:110px}.end-call-btn:hover{background:linear-gradient(135deg,#ff453a,#ff5449);transform:translateY(-2px);box-shadow:0 8px 20px #ff3b3066}.end-call-btn .video-call-control-icon{animation:endCallPulse 2s ease-in-out infinite}@keyframes endCallPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.video-call-modal{width:95%;max-width:none;max-height:90vh}.video-call-header{padding:15px 20px}.video-call-header-icon{font-size:20px}.video-call-header-title{font-size:16px}.video-call-header-duration{font-size:14px;padding:4px 10px}.video-call-body{min-height:300px}.video-call-local-preview{width:120px;height:90px;bottom:15px;right:15px}.video-call-footer{padding:15px 20px}.video-call-controls-group{gap:10px}.video-call-control{min-width:70px;padding:12px 15px}.video-call-control-icon{font-size:24px}.video-call-control-label{font-size:10px}.end-call-btn{min-width:90px}.video-call-audio-icon{font-size:60px}.video-call-connecting-icon{font-size:80px}}@media(max-width:480px){.video-call-header{flex-direction:column;gap:10px;align-items:flex-start}.video-call-controls-group{flex-direction:column;width:100%}.video-call-control,.end-call-btn{width:100%;flex-direction:row;justify-content:center}.video-call-local-preview{width:100px;height:75px;bottom:10px;right:10px}}.incoming-call-overlay{position:fixed;inset:0;z-index:20001;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.incoming-call-backdrop{position:absolute;inset:0;background:#000000e6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.incoming-call-modal{position:relative;width:90%;max-width:480px;background:linear-gradient(135deg,#1c2533,#2a3444);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff1a;animation:incomingCallSlideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes incomingCallSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.incoming-call-header{padding:20px 25px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px}.incoming-call-header-icon{font-size:28px;animation:incomingIconRing 1.5s ease-in-out infinite}@keyframes incomingIconRing{0%,to{transform:rotate(0) scale(1)}10%,30%{transform:rotate(-15deg) scale(1.1)}20%,40%{transform:rotate(15deg) scale(1.1)}50%{transform:rotate(0) scale(1)}}.incoming-call-header-title{font-size:18px;font-weight:600;color:var(--text-primary)}.incoming-call-body{padding:50px 30px;display:flex;flex-direction:column;align-items:center;gap:25px;background:linear-gradient(180deg,#2d88ff0d,#2d88ff05)}.incoming-call-avatar-container{position:relative;width:120px;height:120px}.incoming-call-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #0000004d;position:relative;z-index:2;animation:avatarBreathe 3s ease-in-out infinite}@keyframes avatarBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.incoming-call-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:600;color:var(--text-primary)}.incoming-call-pulse-ring,.incoming-call-pulse-ring-2,.incoming-call-pulse-ring-3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;border:3px solid rgba(45,136,255,.6);animation:incomingPulse 2s cubic-bezier(.4,0,.6,1) infinite}.incoming-call-pulse-ring-2{animation-delay:.4s;border-color:#2d88ff66}.incoming-call-pulse-ring-3{animation-delay:.8s;border-color:#2d88ff33}@keyframes incomingPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{opacity:.5}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.incoming-call-name{font-size:26px;font-weight:600;color:var(--text-primary);text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.3);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incoming-call-status{display:flex;align-items:center;gap:10px;font-size:16px;color:#fffc}.incoming-call-status-dot{width:8px;height:8px;border-radius:50%;background:#2d88ff;animation:statusDotPulse 1.5s ease-in-out infinite}@keyframes statusDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.incoming-call-status-text{font-weight:500}.incoming-call-footer{padding:25px 30px;background:#0000004d;border-top:1px solid rgba(255,255,255,.1)}.incoming-call-actions{display:flex;gap:15px;justify-content:center}.incoming-call-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 20px;border:none;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;max-width:150px}.incoming-call-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:#fff3;transition:width .6s,height .6s}.incoming-call-btn:active:before{width:100%;height:100%}.incoming-call-btn-icon{font-size:32px;position:relative;z-index:1}.incoming-call-btn-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:1}.decline-btn{background:linear-gradient(135deg,#ff3b30cc,#ff453acc);color:var(--text-primary)}.decline-btn:hover{background:linear-gradient(135deg,#ff3b30,#ff453a);transform:translateY(-2px);box-shadow:0 8px 20px #ff3b3066}.decline-btn:active{transform:translateY(0)}.decline-btn .incoming-call-btn-icon{animation:declineShake .5s ease-in-out infinite}@keyframes declineShake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.accept-btn{background:linear-gradient(135deg,#34c759cc,#32d74bcc);color:var(--text-primary)}.accept-btn:hover{background:linear-gradient(135deg,#34c759,#32d74b);transform:translateY(-2px);box-shadow:0 8px 20px #34c75966}.accept-btn:active{transform:translateY(0)}.accept-btn .incoming-call-btn-icon{animation:acceptBounce 1s ease-in-out infinite}@keyframes acceptBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(max-width:768px){.incoming-call-modal{width:95%;max-width:420px}.incoming-call-header{padding:18px 20px}.incoming-call-header-icon{font-size:24px}.incoming-call-header-title{font-size:16px}.incoming-call-body{padding:40px 25px}.incoming-call-avatar-container,.incoming-call-avatar,.incoming-call-pulse-ring,.incoming-call-pulse-ring-2,.incoming-call-pulse-ring-3{width:100px;height:100px}.incoming-call-avatar-placeholder{font-size:36px}.incoming-call-name{font-size:22px}.incoming-call-status{font-size:14px}.incoming-call-footer{padding:20px 25px}.incoming-call-btn{padding:15px 18px}.incoming-call-btn-icon{font-size:28px}.incoming-call-btn-label{font-size:12px}}@media(max-width:480px){.incoming-call-modal{width:95%}.incoming-call-body{padding:35px 20px;gap:20px}.incoming-call-avatar-container,.incoming-call-avatar,.incoming-call-pulse-ring,.incoming-call-pulse-ring-2,.incoming-call-pulse-ring-3{width:90px;height:90px}.incoming-call-avatar-placeholder{font-size:32px}.incoming-call-name{font-size:20px}.incoming-call-actions{gap:12px}.incoming-call-btn{padding:14px 16px}.incoming-call-btn-icon{font-size:26px}}.system-message-container{display:flex;justify-content:center;margin:15px 0;padding:0 20px}.system-message{background:#0000000d;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:10px 16px;display:inline-flex;align-items:center;gap:8px;max-width:80%;font-size:13px;color:#6e6e73;box-shadow:0 1px 3px #00000008;transition:all .2s ease}.system-message:hover{background:#00000014;border-color:#0000001f;transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.system-message-icon{font-size:16px;opacity:.8;flex-shrink:0}.system-message-text{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.system-message-time{font-size:11px;opacity:.6;margin-left:4px;flex-shrink:0}@media(prefers-color-scheme:dark){.system-message{background:#ffffff0d;border-color:#ffffff14;color:#a0a0a0}.system-message:hover{background:#ffffff14;border-color:#ffffff1f}}@keyframes systemMessageFadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.system-message-container{animation:systemMessageFadeIn .3s ease-out}.system-message[data-call-type=missed]{border-color:#ff3b3033;background:#ff3b300d}.system-message[data-call-type=missed]:hover{border-color:#ff3b304d;background:#ff3b3014}.system-message[data-call-type=ended]{border-color:#34c75933;background:#34c7590d}.system-message[data-call-type=ended]:hover{border-color:#34c7594d;background:#34c75914}@media(max-width:768px){.system-message{font-size:12px;padding:8px 14px;max-width:90%}.system-message-icon{font-size:14px}.system-message-time{font-size:10px}}@media(max-width:480px){.system-message{font-size:11px;padding:7px 12px;gap:6px;max-width:95%}.system-message-text{white-space:normal;word-break:break-word}}.widget-footer{position:sticky;bottom:0;background:var(--bg-secondary);border-top:1px solid rgba(255,255,255,.1);z-index:10}.widget-container{padding:15px;background:linear-gradient(135deg,#1c2533,#242f3d);border-radius:0;color:var(--text-primary)}.widget-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.widget-icon{font-size:20px}.widget-title{font-size:14px;font-weight:600;color:#ffffffe6}.crypto-widget{min-height:200px}.crypto-loading,.crypto-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px 15px;color:#fff9;font-size:13px}.loading-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.2);border-top-color:#2d88ff;border-radius:50%;animation:spin .8s linear infinite}.crypto-error span:first-child{font-size:24px}.crypto-list{display:flex;flex-direction:column;gap:8px}.crypto-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#0003;border-radius:8px;transition:all .2s ease}.crypto-item:hover{background:#0000004d;transform:translate(2px)}.crypto-symbol{display:flex;align-items:baseline;gap:3px}.crypto-name{font-size:15px;font-weight:600;color:var(--text-primary)}.crypto-pair{font-size:11px;color:#ffffff80}.crypto-data{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.crypto-price{font-size:14px;font-weight:600;color:var(--text-primary)}.crypto-change{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px}.crypto-change.positive{color:#34c759;background:#34c75926}.crypto-change.negative{color:#ff3b30;background:#ff3b3026}.crypto-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#ffffff80}.crypto-source{font-weight:600}.crypto-update{font-style:italic}.settings-widget-selector{display:flex;flex-direction:column;gap:12px;margin-top:15px}.settings-widget-option{position:relative}.settings-widget-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.settings-widget-option label{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.settings-widget-option label:hover{background:#ffffff14;border-color:#fff3}.settings-widget-option input[type=radio]:checked+label{background:#2d88ff1a;border-color:#2d88ff}.widget-option-icon{font-size:32px;flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:10px}.settings-widget-option input[type=radio]:checked+label .widget-option-icon{background:#2d88ff33}.widget-option-content{flex:1}.widget-option-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.widget-option-description{font-size:13px;color:#fff9}.widget-footer .newyear-timer{border-radius:0;margin:0}@media(max-width:768px){.widget-container{padding:12px}.widget-icon{font-size:18px}.widget-title{font-size:13px}.crypto-item{padding:8px 10px}.crypto-name{font-size:14px}.crypto-price{font-size:13px}.crypto-change{font-size:10px}.widget-option-icon{font-size:28px;width:45px;height:45px}.widget-option-title{font-size:15px}.widget-option-description{font-size:12px}}@media(max-width:480px){.widget-container{padding:10px}.crypto-list{gap:6px}.crypto-item{padding:7px 8px}.crypto-name{font-size:13px}.crypto-pair{font-size:10px}.crypto-price{font-size:12px}.crypto-change{font-size:9px;padding:1px 4px}.crypto-footer{font-size:10px}.settings-widget-option label{padding:12px;gap:12px}.widget-option-icon{font-size:24px;width:40px;height:40px}.widget-option-title{font-size:14px}.widget-option-description{font-size:11px}}.crypto-item,.crypto-change{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.widget-footer::-webkit-scrollbar{width:4px}.widget-footer::-webkit-scrollbar-track{background:transparent}.widget-footer::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.widget-footer::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.telegram-call-btn{width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;flex-shrink:0}.telegram-call-btn svg{width:24px;height:24px;transition:transform .2s ease}.telegram-audio-call{background:linear-gradient(135deg,#34c759,#30d158);color:var(--text-primary);box-shadow:0 2px 8px #34c7594d}.telegram-audio-call:hover:not(:disabled){background:linear-gradient(135deg,#30d158,#34c759);box-shadow:0 4px 12px #34c75966;transform:translateY(-2px) scale(1.05)}.telegram-audio-call:active:not(:disabled){transform:translateY(0) scale(.95);box-shadow:0 1px 4px #34c7594d}.telegram-video-call{background:linear-gradient(135deg,#2d88ff,#0a84ff);color:var(--text-primary);box-shadow:0 2px 8px #2d88ff4d}.telegram-video-call:hover:not(:disabled){background:linear-gradient(135deg,#0a84ff,#2d88ff);box-shadow:0 4px 12px #2d88ff66;transform:translateY(-2px) scale(1.05)}.telegram-video-call:active:not(:disabled){transform:translateY(0) scale(.95);box-shadow:0 1px 4px #2d88ff4d}.telegram-call-btn:disabled{background:#8e98a84d;color:#ffffff80;cursor:not-allowed;box-shadow:none}.telegram-call-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:#ffffff4d;transition:width .6s,height .6s;pointer-events:none}.telegram-call-btn:active:not(:disabled):before{width:100%;height:100%}@keyframes callButtonPulse{0%{box-shadow:0 0 #34c75980}70%{box-shadow:0 0 0 10px #34c75900}to{box-shadow:0 0 #34c75900}}@keyframes callButtonPulseVideo{0%{box-shadow:0 0 #2d88ff80}70%{box-shadow:0 0 0 10px #2d88ff00}to{box-shadow:0 0 #2d88ff00}}.telegram-call-btn:hover:not(:disabled) svg{transform:scale(1.1)}.telegram-audio-call:hover:not(:disabled) svg{animation:phoneRing .5s ease-in-out}.telegram-video-call:hover:not(:disabled) svg{animation:cameraShake .5s ease-in-out}@keyframes phoneRing{0%,to{transform:rotate(0) scale(1.1)}25%{transform:rotate(-15deg) scale(1.1)}75%{transform:rotate(15deg) scale(1.1)}}@keyframes cameraShake{0%,to{transform:translate(0) scale(1.1)}25%{transform:translate(-3px) scale(1.1)}75%{transform:translate(3px) scale(1.1)}}.chat-header-actions{display:flex;gap:12px;align-items:center}.telegram-call-btn:focus-visible{outline:3px solid rgba(255,255,255,.5);outline-offset:2px}@media(max-width:768px){.telegram-call-btn{width:44px;height:44px}.telegram-call-btn svg{width:22px;height:22px}.chat-header-actions{gap:10px}}@media(max-width:480px){.telegram-call-btn{width:40px;height:40px}.telegram-call-btn svg{width:20px;height:20px}.chat-header-actions{gap:8px}}@media(prefers-color-scheme:dark){.telegram-audio-call{box-shadow:0 2px 8px #34c75966}.telegram-video-call{box-shadow:0 2px 8px #2d88ff66}}.telegram-call-btn.loading{pointer-events:none;opacity:.7}.telegram-call-btn.loading svg{animation:spin 1s linear infinite}.telegram-call-btn[title]:hover:after{content:attr(title);position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:#000000e6;color:var(--text-primary);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:1000;opacity:0;animation:tooltipFadeIn .2s ease forwards}@keyframes tooltipFadeIn{to{opacity:1}}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.telegram-call-btn.success{animation:successPulse .4s ease}.search-results-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.search-results-container{width:90%;max-width:700px;max-height:80vh;background:linear-gradient(135deg,#1c2533,#242f3d);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.search-results-header{padding:20px 25px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.search-results-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.search-results-close{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;color:var(--text-primary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.search-results-close:hover{background:#fff3;transform:rotate(90deg)}.search-results-content{flex:1;overflow-y:auto;padding:15px}.search-results-content::-webkit-scrollbar{width:6px}.search-results-content::-webkit-scrollbar-track{background:transparent}.search-results-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.search-results-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.search-results-empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.search-results-empty p{font-size:18px;font-weight:600;color:#ffffffe6;margin:0 0 10px}.search-results-empty-hint{font-size:14px;color:#ffffff80}.search-results-section{margin-bottom:25px}.search-results-section:last-child{margin-bottom:0}.search-results-section-title{display:flex;align-items:center;gap:8px;padding:10px 15px;background:#0003;border-radius:8px;margin-bottom:10px;font-size:14px;font-weight:600;color:#fffc}.search-results-section-icon{font-size:18px}.search-results-list{display:flex;flex-direction:column;gap:8px}.search-result-item{display:flex;align-items:flex-start;gap:12px;padding:12px 15px;background:#0003;border-radius:10px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.search-result-item:hover{background:#0000004d;border-color:#ffffff1a;transform:translate(3px)}.search-result-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--text-primary);position:relative;overflow:hidden}.search-result-avatar img{width:100%;height:100%;object-fit:cover}.search-result-avatar .online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#34c759;border:2px solid #1c2533;border-radius:50%}.search-result-info{flex:1;min-width:0}.search-result-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-username{font-size:13px;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-status{font-size:12px;padding:4px 10px;border-radius:12px;background:#34c75926;color:#34c759;font-weight:600;flex-shrink:0}.search-result-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:10px}.search-result-time{font-size:12px;color:#ffffff80;flex-shrink:0}.search-result-message-text{font-size:14px;color:#fffc;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-highlight{background:#2d88ff4d;color:#2d88ff;padding:2px 4px;border-radius:3px;font-weight:600}.search-results-footer{padding:15px 25px;background:#0000004d;border-top:1px solid rgba(255,255,255,.1)}.search-results-hint{font-size:13px;color:#fff9;display:flex;align-items:center;gap:6px}.highlighted-message{animation:highlightPulse 2s ease-out}@keyframes highlightPulse{0%,to{background:transparent}20%,40%,60%{background:#2d88ff33}30%,50%,70%{background:#2d88ff1a}}@media(max-width:768px){.search-results-container{width:95%;max-height:85vh}.search-results-header{padding:18px 20px}.search-results-header h3{font-size:16px}.search-result-avatar{width:44px;height:44px;font-size:16px}.search-result-name{font-size:15px}.search-result-username,.search-result-message-text{font-size:13px}.search-result-time{font-size:11px}}@media(max-width:480px){.search-results-container{width:100%;max-height:100vh;border-radius:0}.search-results-header{padding:16px}.search-results-content{padding:12px}.search-result-item{padding:10px 12px;gap:10px}.search-result-avatar{width:40px;height:40px;font-size:15px}.search-result-name{font-size:14px}.search-result-username,.search-result-message-text{font-size:12px}.search-results-section-title{padding:8px 12px;font-size:13px}.search-results-footer{padding:12px 16px}.search-results-hint{font-size:12px}}.search-results-loading{display:flex;align-items:center;justify-content:center;padding:40px}.search-results-loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:#2d88ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.context-menu{position:fixed;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:10000;min-width:200px;padding:4px;animation:contextMenuFadeIn .15s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-size:14px;-webkit-user-select:none;user-select:none}.context-menu-item:hover{background:#ffffff1a}.context-menu-item-delete{color:#ff4757}.context-menu-item-delete:hover{background:#ff47571a}.context-menu-item-danger{color:#ff3b30;font-weight:500}.context-menu-item-danger:hover{background:#ff3b3026}.context-menu-icon{font-size:16px;display:flex;align-items:center;justify-content:center;width:20px}.context-menu-text{flex:1;white-space:nowrap}.context-menu-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:10001;animation:overlayFadeIn .2s ease-out}.confirm-dialog{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 12px 48px #00000080;padding:32px;max-width:420px;width:90%;animation:dialogSlideIn .3s ease-out}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-dialog-icon{font-size:48px;text-align:center;margin-bottom:16px;animation:iconPulse .5s ease-out}@keyframes iconPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.confirm-dialog-title{font-size:22px;font-weight:600;text-align:center;margin-bottom:12px;color:var(--text-primary)}.confirm-dialog-message{font-size:15px;line-height:1.6;text-align:center;color:#ffffffb3;margin-bottom:28px}.confirm-dialog-message strong{color:#2d88ff;font-weight:600}.confirm-dialog-buttons{display:flex;gap:12px;justify-content:center}.confirm-dialog-button{flex:1;padding:14px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Comfortaa,sans-serif}.confirm-delete{background:linear-gradient(135deg,#ff4757,#ff3838);color:var(--text-primary);box-shadow:0 4px 12px #ff47574d}.confirm-delete:hover{background:linear-gradient(135deg,#ff3838,#ff2020);box-shadow:0 6px 16px #ff475766;transform:translateY(-2px)}.confirm-delete:active{transform:translateY(0);box-shadow:0 2px 8px #ff47574d}.confirm-delete-danger{background:linear-gradient(135deg,#ff3b30,#e02020);color:var(--text-primary);box-shadow:0 4px 12px #ff3b3066;animation:pulse-danger 2s ease-in-out infinite}.confirm-delete-danger:hover{background:linear-gradient(135deg,#e02020,#c01010);box-shadow:0 6px 16px #ff3b3080;transform:translateY(-2px);animation:none}.confirm-delete-danger:active{transform:translateY(0);box-shadow:0 2px 8px #ff3b3066}@keyframes pulse-danger{0%,to{box-shadow:0 4px 12px #ff3b3066}50%{box-shadow:0 4px 20px #ff3b3099}}.confirm-cancel{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.confirm-cancel:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.confirm-cancel:active{transform:translateY(0)}@media(max-width:768px){.confirm-dialog{padding:24px;max-width:340px}.confirm-dialog-icon{font-size:40px}.confirm-dialog-title{font-size:19px}.confirm-dialog-message{font-size:14px}.confirm-dialog-buttons{flex-direction:column}.confirm-dialog-button{width:100%;padding:12px 20px}.context-menu{min-width:180px}.context-menu-item{padding:9px 12px;font-size:13px}}.timeline-container{background:#ffffff08;border-radius:12px;padding:12px;margin:12px;border:1px solid rgba(255,255,255,.08)}.timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.timeline-header-left{display:flex;align-items:center;gap:10px}.timeline-icon{font-size:20px}.timeline-header-info{display:flex;flex-direction:column;gap:2px}.timeline-current-time{font-size:16px;font-weight:600;color:var(--text-primary)}.timeline-current-date{font-size:12px;color:#ffffff80}.timeline-settings-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;opacity:.6}.timeline-settings-btn:hover{background:#ffffff1a;opacity:1}.timeline-upcoming{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.timeline-upcoming-title{font-size:11px;font-weight:600;text-transform:uppercase;color:#ffffff80;margin-bottom:8px;letter-spacing:.5px}.timeline-upcoming-task{background:#2d88ff1a;border-left:3px solid #2d88ff;padding:8px 10px;border-radius:6px;margin-bottom:6px;cursor:pointer;transition:all .2s ease}.timeline-upcoming-task:hover{background:#2d88ff26;transform:translate(2px)}.timeline-upcoming-task:last-child{margin-bottom:0}.timeline-upcoming-task-time{font-size:11px;color:#fff9;margin-bottom:3px}.timeline-upcoming-task-date{color:#fff6}.timeline-upcoming-task-title{font-size:13px;font-weight:500;color:var(--text-primary)}.timeline-hours{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding-right:4px}.timeline-hour{position:relative;background:#ffffff08;border-radius:8px;padding:8px 10px;min-height:36px;transition:all .2s ease}.timeline-hour.current{background:#2d88ff1a;border-left:3px solid #2d88ff;padding-left:7px}.timeline-hour-label{font-size:12px;font-weight:600;color:#ffffffb3;margin-bottom:4px}.timeline-hour.current .timeline-hour-label{color:#2d88ff}.timeline-hour-progress{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,#2d88ff,#4facfe);border-radius:0 0 8px 8px;transition:width 1s linear}.timeline-hour-tasks{display:flex;flex-direction:column;gap:4px;margin-top:6px}.timeline-task{display:flex;align-items:center;gap:8px;background:#ffffff0d;border-radius:6px;padding:6px 8px;transition:all .2s ease}.timeline-task:hover{background:#ffffff14}.timeline-task-marker{font-size:14px;cursor:pointer;transition:transform .2s ease}.timeline-task-marker:hover{transform:scale(1.2)}.timeline-task-content{flex:1;min-width:0}.timeline-task-title{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-task-time{font-size:10px;color:#ffffff80}.timeline-task-delete{background:none;border:none;font-size:12px;color:#ffffff4d;cursor:pointer;padding:4px;opacity:0;transition:all .2s ease}.timeline-task:hover .timeline-task-delete{opacity:1}.timeline-task-delete:hover{color:#ff4757}.timeline-footer{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.timeline-view-all-btn{width:100%;background:#2d88ff1a;border:1px solid rgba(45,136,255,.3);color:#2d88ff;padding:8px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Comfortaa,sans-serif}.timeline-view-all-btn:hover{background:#2d88ff26;border-color:#2d88ff80}.task-scheduler{display:flex;flex-direction:column;height:100%;overflow:hidden}.task-scheduler-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.task-scheduler-header h2{font-size:22px;font-weight:600;color:var(--text-primary);margin:0}.task-scheduler-close{background:none;border:none;font-size:24px;color:#fff9;cursor:pointer;padding:4px 8px;transition:all .2s ease}.task-scheduler-close:hover{color:var(--text-primary)}.task-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 24px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.1)}.task-stat{text-align:center}.task-stat-value{font-size:24px;font-weight:700;color:#2d88ff;margin-bottom:4px}.task-stat-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.task-filters{display:flex;gap:8px;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto}.task-filter{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:Comfortaa,sans-serif}.task-filter:hover{background:#ffffff14;border-color:#fff3}.task-filter.active{background:#2d88ff;border-color:#2d88ff;color:var(--text-primary)}.task-add-btn{margin:16px 24px;background:linear-gradient(135deg,#2d88ff,#4facfe);border:none;color:var(--text-primary);padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2d88ff4d;font-family:Comfortaa,sans-serif}.task-add-btn:hover{background:linear-gradient(135deg,#1a75ff,#3fa0fe);box-shadow:0 6px 16px #2d88ff66;transform:translateY(-2px)}.task-form{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin:16px 24px}.task-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.task-form-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.task-form-cancel{background:none;border:none;font-size:20px;color:#ffffff80;cursor:pointer;padding:4px;transition:all .2s ease}.task-form-cancel:hover{color:var(--text-primary)}.task-form-group{margin-bottom:16px}.task-form-group label{display:block;font-size:13px;font-weight:600;color:#fffc;margin-bottom:8px}.task-form-group input[type=text],.task-form-group input[type=datetime-local],.task-form-group textarea,.task-form-group select{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:10px 12px;border-radius:8px;font-size:14px;font-family:Comfortaa,sans-serif;transition:all .2s ease}.task-form-group input:focus,.task-form-group textarea:focus,.task-form-group select:focus{outline:none;border-color:#2d88ff;background:#ffffff14}.task-form-group textarea{resize:vertical;min-height:60px}.task-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.task-form-reminder{display:flex;align-items:center;gap:12px}.task-form-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#fffc}.task-form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.task-form-reminder select{flex:1}.task-form-actions{display:flex;gap:8px;margin-top:20px}.task-form-submit{flex:1;background:linear-gradient(135deg,#2d88ff,#4facfe);border:none;color:var(--text-primary);padding:12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Comfortaa,sans-serif}.task-form-submit:hover{background:linear-gradient(135deg,#1a75ff,#3fa0fe);transform:translateY(-2px)}.task-form-cancel-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Comfortaa,sans-serif}.task-form-cancel-btn:hover{background:#ffffff14;color:var(--text-primary)}.task-list{flex:1;overflow-y:auto;padding:16px 24px}.task-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.task-list-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.task-list-empty-text{font-size:14px;color:#ffffff80}.task-item{display:flex;align-items:flex-start;gap:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;margin-bottom:8px;transition:all .2s ease}.task-item:hover{background:#ffffff0d;border-color:#ffffff26}.task-item.completed{opacity:.6}.task-item.completed .task-item-title{text-decoration:line-through}.task-item.overdue{border-left:3px solid #ff4757}.task-item-checkbox input{width:20px;height:20px;cursor:pointer;margin-top:2px}.task-item-priority{font-size:18px;margin-top:2px}.task-item-content{flex:1;min-width:0;cursor:pointer}.task-item-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.task-item-description{font-size:13px;color:#fff9;margin-bottom:6px;line-height:1.4}.task-item-time{font-size:12px;color:#ffffff80}.task-item-reminder{color:#ffa502}.task-item-overdue-badge{color:#ff4757;font-weight:600}.task-item-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.task-item:hover .task-item-actions{opacity:1}.task-item-edit,.task-item-delete{background:none;border:none;font-size:16px;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease}.task-item-edit{color:#ffffff80}.task-item-edit:hover{background:#2d88ff33;color:#2d88ff}.task-item-delete{color:#ffffff80}.task-item-delete:hover{background:#ff475733;color:#ff4757}@media(max-width:768px){.timeline-container{margin:8px;padding:10px}.timeline-upcoming-task-title{font-size:12px}.task-scheduler-header,.task-filters,.task-list,.task-stats{padding:12px 16px}.task-form{margin:12px 16px}.task-form-row{grid-template-columns:1fr}.task-add-btn{margin:12px 16px}.task-stat-value{font-size:20px}}.task-widget{background:#ffffff08;border-radius:12px;padding:14px;border:1px solid rgba(255,255,255,.08)}.task-widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.task-widget-title{display:flex;align-items:center;gap:10px}.task-widget-icon{font-size:24px}.task-widget-title-text{font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.2}.task-widget-time{font-size:11px;color:#ffffff80;margin-top:2px}.task-widget-settings-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;opacity:.6}.task-widget-settings-btn:hover{background:#ffffff1a;opacity:1}.task-widget-stats{display:flex;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.task-widget-stat{flex:1;background:#2d88ff1a;border-radius:8px;padding:8px;text-align:center;border:1px solid rgba(45,136,255,.2)}.task-widget-stat.overdue{background:#ff47571a;border-color:#ff47574d}.task-widget-stat-value{display:block;font-size:20px;font-weight:700;color:#2d88ff;line-height:1;margin-bottom:4px}.task-widget-stat.overdue .task-widget-stat-value{color:#ff4757}.task-widget-stat-label{display:block;font-size:10px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.task-widget-upcoming{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.task-widget-task{display:flex;align-items:flex-start;gap:10px;background:#ffffff0d;border-left:3px solid #2d88ff;padding:10px;border-radius:6px;cursor:pointer;transition:all .2s ease}.task-widget-task:hover{background:#ffffff14;transform:translate(2px)}.task-widget-task-priority{font-size:16px;line-height:1}.task-widget-task-content{flex:1;min-width:0}.task-widget-task-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-widget-task-time{font-size:11px;color:#ffffff80}.task-widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center;background:#ffffff08;border-radius:8px;margin-bottom:12px}.task-widget-empty-icon{font-size:32px;margin-bottom:8px;opacity:.5}.task-widget-empty-text{font-size:13px;color:#ffffff80}.task-widget-view-all{width:100%;background:#2d88ff1a;border:1px solid rgba(45,136,255,.3);color:#2d88ff;padding:10px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Comfortaa,sans-serif}.task-widget-view-all:hover{background:#2d88ff26;border-color:#2d88ff80;transform:translateY(-1px)}.task-widget-view-all:active{transform:translateY(0)}@media(max-width:768px){.task-widget{padding:12px}.task-widget-icon{font-size:20px}.task-widget-title-text{font-size:14px}.task-widget-time{font-size:10px}.task-widget-stat-value{font-size:18px}.task-widget-task-title{font-size:12px}.task-widget-empty-icon{font-size:28px}}.settings-widget-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.settings-widget-option{display:flex;border:2px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;transition:all .2s ease;cursor:pointer}.settings-widget-option:hover{border-color:#2d88ff4d;background:#ffffff05}.settings-widget-option input[type=radio]{display:none}.settings-widget-option label{display:flex;align-items:center;gap:12px;width:100%;padding:14px;cursor:pointer;transition:all .2s ease;border:2px solid transparent;border-radius:8px}.settings-widget-option input[type=radio]:checked+label{border-color:#2d88ff;background:#2d88ff1a}.widget-option-icon{font-size:28px;line-height:1;flex-shrink:0}.widget-option-content{flex:1;min-width:0}.widget-option-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.widget-option-description{font-size:12px;color:#fff9;line-height:1.4}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.theme-option{cursor:pointer;border-radius:12px;overflow:hidden;border:2px solid transparent;transition:all .3s ease;position:relative}.theme-option:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.theme-option.active{border-color:var(--accent-primary);box-shadow:0 8px 24px #3390ec4d}.theme-preview{height:120px;border-radius:10px;overflow:hidden;border:1px solid;display:flex;flex-direction:column}.theme-preview-header{height:30px;width:100%}.theme-preview-content{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px}.theme-preview-message{height:20px;border-radius:10px;width:80%}.theme-preview-message:last-child{width:60%;align-self:flex-end}.theme-name{text-align:center;margin-top:8px;font-size:13px;font-weight:500;color:var(--text-primary)}.theme-checkmark{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;box-shadow:0 2px 8px #0000004d}.language-selector{display:flex;flex-direction:column;gap:12px;margin-top:16px}.language-option{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-secondary);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative}.language-option:hover{background:var(--bg-tertiary);transform:translate(4px)}.language-option.active{border-color:var(--accent-primary);background:var(--bg-hover)}.language-flag{font-size:32px;line-height:1}.language-info{flex:1}.language-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.language-native{font-size:13px;color:var(--text-secondary)}.language-checkmark{width:24px;height:24px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}@media(max-width:768px){.settings-widget-selector{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.widget-option-icon{font-size:24px}.widget-option-title{font-size:13px}.widget-option-description{font-size:11px}}.new-year-timer{position:relative;background:#ffffff08;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.08);overflow:hidden}.new-year-timer:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,#2d88ff1a,#8e2de21a,#ff47571a,#ffa5021a,#2ed5731a,#2d88ff1a);animation:rotateGradient 20s linear infinite;z-index:0}.new-year-timer>*{position:relative;z-index:1}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.new-year-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.new-year-icon{font-size:24px;line-height:1}.new-year-title{font-size:16px;font-weight:700;color:var(--text-primary);text-align:center}.new-year-countdown{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.countdown-item{text-align:center}.countdown-value{font-size:28px;font-weight:700;color:#2d88ff;line-height:1;margin-bottom:4px}.countdown-label{font-size:10px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.countdown-separator{font-size:24px;font-weight:700;color:#ffffff4d;margin:0 4px}.new-year-decoration{display:flex;justify-content:space-around;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.snowflake{font-size:18px;opacity:.7}.new-year-celebration{text-align:center;padding:20px 0}.celebration-text{font-size:18px;font-weight:700;color:#2d88ff;margin-bottom:12px}.celebration-fireworks{display:flex;justify-content:center;gap:16px;font-size:28px}@media(max-width:768px){.new-year-timer{padding:14px}.new-year-icon{font-size:20px}.new-year-title{font-size:14px}.countdown-value{font-size:24px}.countdown-separator{font-size:20px}.snowflake{font-size:16px}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.create-group-modal{background:var(--bg-secondary);border-radius:12px;width:90%;max-width:420px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 4px 24px #00000080;animation:modalSlideIn .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.modal-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-secondary);font-size:20px;cursor:pointer;transition:all .2s;flex-shrink:0}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:rotate(90deg)}.modal-close-btn:active{transform:rotate(90deg) scale(.95)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.create-group-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--bg-tertiary)}.create-group-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.create-group-content{padding:20px;overflow-y:auto;flex:1}.create-group-content::-webkit-scrollbar{width:6px}.create-group-content::-webkit-scrollbar-track{background:transparent}.create-group-content::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.create-group-content::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.group-name-section{margin-bottom:20px}.group-name-section label,.group-members-section label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.group-name-section input{width:100%;padding:14px 16px;background:var(--bg-primary);border:2px solid var(--bg-tertiary);border-radius:10px;color:var(--text-primary);font-size:15px;outline:none;transition:all .2s}.group-name-section input:focus{border-color:var(--accent-primary);background:var(--bg-secondary)}.group-name-section input::placeholder{color:var(--text-secondary);opacity:.6}.group-members-section{margin-bottom:20px}.users-selection-list{max-height:320px;overflow-y:auto;border:2px solid var(--bg-tertiary);border-radius:10px;background:var(--bg-primary)}.users-selection-list::-webkit-scrollbar{width:6px}.users-selection-list::-webkit-scrollbar-track{background:transparent}.users-selection-list::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.users-selection-list::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.user-selection-item{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;transition:all .15s;border-bottom:1px solid var(--bg-tertiary);position:relative}.user-selection-item:last-child{border-bottom:none}.user-selection-item:hover{background:var(--bg-hover)}.user-selection-item.selected{background:#3390ec1f}.user-selection-item.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-primary)}.user-checkbox{width:22px;height:22px;cursor:pointer;accent-color:var(--accent-primary);flex-shrink:0}.user-selection-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--text-primary);flex-shrink:0;object-fit:cover}.user-selection-info{flex:1;min-width:0}.user-selection-name{font-size:15px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.user-selection-username{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-users-message{padding:50px 20px;text-align:center;color:var(--text-secondary);font-size:14px}.create-group-error{background:#ff3b301a;color:#ff3b30;padding:12px 14px;border-radius:8px;font-size:13px;margin-bottom:16px;border-left:3px solid #ff3b30;animation:errorShake .4s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.create-group-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.create-group-actions .btn-secondary{padding:11px 24px;background:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:80px}.create-group-actions .btn-secondary:hover:not(:disabled){background:var(--bg-hover);transform:translateY(-1px)}.create-group-actions .btn-secondary:active:not(:disabled){transform:translateY(0)}.create-group-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.create-group-actions .btn-primary{padding:11px 24px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;min-width:100px;box-shadow:0 2px 8px #3390ec4d}.create-group-actions .btn-primary:hover:not(:disabled){background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #3390ec66}.create-group-actions .btn-primary:active:not(:disabled){transform:translateY(0)}.create-group-actions .btn-primary:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}@media(max-width:768px){.sidebar-header{padding:12px;gap:8px}.user-menu-button{width:40px;height:40px}.user-menu-avatar{width:40px;height:40px;min-width:40px;min-height:40px;font-size:16px}.search-box input{font-size:14px;padding:8px 12px}.user-menu-dropdown{min-width:240px}.user-menu-dropdown-header{padding:12px}.user-menu-dropdown-avatar{width:40px;height:40px;min-width:40px;min-height:40px;font-size:16px}.user-menu-dropdown-name{font-size:14px}.user-menu-dropdown-username{font-size:12px}.user-menu-dropdown-item{padding:10px 12px;font-size:13px}.create-group-modal{width:95%;max-width:100%;max-height:90vh;border-radius:12px 12px 0 0;margin-top:auto}.create-group-header{padding:16px 18px}.create-group-header h2{font-size:17px}.create-group-content{padding:18px}.group-name-section input{padding:12px 14px;font-size:14px}.users-selection-list{max-height:250px}.user-selection-item{padding:10px 12px}.user-selection-avatar{width:38px;height:38px}.user-selection-name{font-size:14px}.user-selection-username{font-size:12px}.create-group-actions{flex-direction:column-reverse;gap:8px}.create-group-actions .btn-secondary,.create-group-actions .btn-primary{width:100%;padding:13px 20px}}.auth-container{position:relative;overflow:hidden;background:#050a08}.auth-bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:linear-gradient(-45deg,#041006,#0c2618,#0a3322,#0c2618);background-size:400% 400%;animation:gradientBG 18s ease infinite;opacity:.9}.auth-matrix-overlay{position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(to bottom,rgba(0,255,153,.25) 0px,rgba(0,255,153,.25) 2px,transparent 2px,transparent 32px),linear-gradient(#00000059,#0009);animation:matrixScroll 12s linear infinite;mix-blend-mode:screen;opacity:.6;pointer-events:none}.auth-blob-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;filter:blur(40px);pointer-events:none}.auth-blob{position:absolute;border-radius:50%;animation:blobFloat 20s infinite alternate;opacity:.65}.auth-blob:nth-child(1){top:10%;left:10%;width:400px;height:400px;background:#0f9;animation-duration:25s;animation-delay:0s}.auth-blob:nth-child(2){top:60%;right:10%;width:350px;height:350px;background:#00e676;animation-duration:28s;animation-delay:-5s}.auth-blob:nth-child(3){bottom:20%;left:30%;width:300px;height:300px;background:#0fc;animation-duration:22s;animation-delay:-10s}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes matrixScroll{0%{background-position:0 0,0 0}to{background-position:0 1000px,0 0}}@keyframes blobFloat{0%{transform:translate(0) rotate(0) scale(1);border-radius:40% 60% 70% 30%/40% 50% 60%}33%{transform:translate(50px,-50px) rotate(120deg) scale(1.1);border-radius:70% 30% 50% 50%/30% 30% 70% 70%}66%{transform:translate(-30px,30px) rotate(240deg) scale(.9);border-radius:100% 60% 60% 100%/100% 100% 60% 60%}to{transform:translate(0) rotate(360deg) scale(1);border-radius:40% 60% 70% 30%/40% 50% 60%}}.auth-box{position:relative;z-index:3;background:#080e0ab3!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,255,153,.18);box-shadow:0 8px 32px #00ff9926}.auth-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.auth-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:104px;height:104px;border-radius:18px;background:#00ff991a;border:1px solid rgba(0,255,153,.2);font-size:72px;color:#0f9;text-shadow:0 0 12px rgba(0,255,153,.6)}