#toastContainer{position:fixed !important;top:20px !important;right:20px !important;z-index:2147483647 !important;pointer-events:none !important}#toastContainer > *{pointer-events:auto !important;margin-bottom:8px}html{width:100%;height:100%;overflow:hidden}body{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu',sans-serif;margin:0;padding:0;width:100%;height:100%;overflow:hidden}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.8;transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn 0.3s ease}.animate-slide-up{animation:slideUp 0.4s cubic-bezier(0.16,1,0.3,1)}.animate-scale-in{animation:scaleIn 0.3s cubic-bezier(0.16,1,0.3,1)}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.spinning{animation:spin 1s linear infinite}.spinning i{animation:spin 1s linear infinite}.hidden{display:none !important}#contextIcon{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}#contextIcon i{display:flex;align-items:center;justify-content:center}.btn{padding:10px 16px;border-radius:10px;font-weight:600;background:var(--accent-gradient);color:var(--text-primary);border:none;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);min-height:var(--mobile-touch-target);display:inline-flex;align-items:center;gap:8px}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(99,102,241,0.5)}.btn:active{transform:translateY(0)}.btn-sec{padding:8px 12px;border-radius:8px;font-weight:500;background:rgba(255,255,255,0.04);color:var(--text-secondary,#b5bac1);border:1px solid transparent;cursor:pointer;transition:all 0.15s ease;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;position:relative}.btn-sec:hover{background:rgba(255,255,255,0.08);color:var(--text-primary,#fff)}.btn-sec:active{transform:scale(0.95);background:rgba(255,255,255,0.12)}.btn-sec i{font-size:14px}#rightSidebar .btn-sec{width:32px;height:32px;padding:0;border-radius:6px;background:transparent}#rightSidebar .btn-sec:hover{background:rgba(255,255,255,0.1)}#rightSidebar .btn-sec i{font-size:16px}#notificationsBtn{position:relative}#notificationsBadge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;background:#ed4245;border-radius:9px;display:flex;align-items:center;justify-content:center}#serverMenuBtn{width:36px !important;height:36px !important;padding:0 !important;border-radius:12px !important;background:linear-gradient(135deg,rgba(99,102,241,0.1) 0%,rgba(139,92,246,0.05) 100%) !important;border:1px solid rgba(99,102,241,0.2) !important;align-items:center !important;justify-content:center !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;cursor:pointer !important;position:relative !important;overflow:hidden !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;opacity:1 !important;visibility:visible !important}#serverMenuBtn:not(.hidden){display:flex !important}#serverMenuBtn.hidden{display:none !important}#serverMenuBtn::before{content:'' !important;position:absolute !important;inset:0 !important;background:linear-gradient(135deg,rgba(99,102,241,0.2),rgba(139,92,246,0.1)) !important;opacity:0 !important;transition:opacity 0.3s ease !important;border-radius:12px !important}#serverMenuBtn:hover::before{opacity:1 !important}#serverMenuBtn:hover{background:linear-gradient(135deg,rgba(99,102,241,0.15) 0%,rgba(139,92,246,0.1) 100%) !important;border-color:rgba(99,102,241,0.4) !important;transform:translateY(-2px) scale(1.05) !important;box-shadow:0 8px 20px rgba(99,102,241,0.3) !important}#serverMenuBtn:active{transform:translateY(0) scale(0.95) !important;background:linear-gradient(135deg,rgba(99,102,241,0.2) 0%,rgba(139,92,246,0.15) 100%) !important}#serverMenuBtn i{font-size:16px !important;color:rgba(255,255,255,0.9) !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important}#serverMenuBtn:hover i{color:rgba(99,102,241,1) !important;transform:rotate(90deg) scale(1.1) !important}.hotkey-btn{min-width:80px;text-align:center;transition:all 0.2s ease;user-select:none}.hotkey-btn:hover{transform:scale(1.02)}.hotkey-btn.recording{animation:hotkey-pulse 1s ease-in-out infinite;box-shadow:0 0 0 2px rgba(234,179,8,0.5)}@keyframes hotkey-pulse{0%,100%{opacity:1}50%{opacity:0.7}}#statusBtn{position:relative;overflow:hidden}#statusBtn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,0.1) 0%,rgba(139,92,246,0.1) 100%);opacity:0;transition:opacity 0.3s ease}#statusBtn:hover::before{opacity:1}#userStatusDot{position:relative;box-shadow:0 0 8px currentColor}#userStatusDot.status-online{background:var(--status-online) !important;color:var(--status-online)}#userStatusDot.status-away{background:var(--status-away) !important;color:var(--status-away)}#userStatusDot.status-busy{background:var(--status-busy) !important;color:var(--status-busy)}#userStatusDot.status-invisible,#userStatusDot.status-offline{background:var(--status-offline) !important;color:var(--status-offline);box-shadow:none}#userStatusPing{background:inherit}#statusMenu{animation:statusMenuSlideDown 0.2s cubic-bezier(0.16,1,0.3,1);z-index:999999 !important;position:absolute !important}@keyframes statusMenuSlideDown{from{opacity:0;transform:translateY(-10px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}#statusMenu button[data-status]{position:relative;overflow:hidden}#statusMenu button[data-status]::before{content:'';position:absolute;inset:0;background:var(--accent-color);opacity:0;transition:opacity 0.2s ease}#statusMenu button[data-status]:hover::before{opacity:0.1}#statusBtn:hover{background:var(--input-bg) !important;border-color:var(--accent-color) !important}#statusBtn:hover #userStatusText{color:var(--text-primary) !important}#statusBtn:hover #statusChevron{color:var(--text-secondary) !important}#statusMenu .status-indicator{transition:transform 0.2s ease}#statusMenu button[data-status]:hover .status-indicator{transform:scale(1.1)}#statusChevron{transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}.card{background:linear-gradient(135deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.02) 100%);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:16px;padding:16px;box-shadow:0 8px 32px var(--shadow-color);transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.card:hover{transform:translateY(-2px);box-shadow:0 12px 48px rgba(0,0,0,0.4)}input,textarea,select{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:12px 18px;transition:all 0.3s ease;min-height:var(--mobile-touch-target);line-height:1.5}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b5bac1' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}select option{background:var(--bg-secondary,#1c212c);color:var(--text-primary,#f2f3f5);padding:12px}select option:hover,select option:focus,select option:checked{background:var(--accent-color,#a3ea30);color:var(--bg-primary,#0b0e11)}body.theme-light select option,[data-theme="light"] select option{background:#ffffff;color:#1a1a1a}body.theme-light select option:hover,body.theme-light select option:focus,body.theme-light select option:checked,[data-theme="light"] select option:hover,[data-theme="light"] select option:focus,[data-theme="light"] select option:checked{background:var(--accent-color,#6366f1);color:#ffffff}input:focus,textarea:focus,select:focus{background:rgba(255,255,255,0.08);border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px rgba(99,102,241,0.1)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:0.7}input:focus::placeholder,textarea:focus::placeholder{opacity:0.5}input,textarea{padding-left:12px}#msgInput{padding-left:12px !important}#friendsSearchInput,#addFriendInput{padding-left:40px !important}.relative > input.pl-10{padding-left:2.5rem !important}.relative > input.pl-9{padding-left:2.25rem !important}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon input,.input-with-icon textarea{padding-left:40px !important}.input-with-icon .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:16px;pointer-events:none;z-index:1;transition:color 0.2s ease}.input-with-icon input:focus + .input-icon,.input-with-icon:focus-within .input-icon{color:var(--accent-color)}.input-icon-left{position:relative}.input-icon-left input{padding-left:40px !important}.input-icon-left i,.input-icon-left .fa,.input-icon-left .fas,.input-icon-left .far,.input-icon-left .fab{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;pointer-events:none;z-index:1;transition:color 0.2s ease}.input-icon-left:focus-within i,.input-icon-left:focus-within .fa,.input-icon-left:focus-within .fas,.input-icon-left:focus-within .far,.input-icon-left:focus-within .fab{color:var(--accent-color)}.input-icon-right{position:relative}.input-icon-right input{padding-right:40px !important}.input-icon-right i:last-child,.input-icon-right .fa:last-child,.input-icon-right .fas:last-child,.input-icon-right .far:last-child,.input-icon-right .fab:last-child{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;pointer-events:none;z-index:1}.has-icon-left{padding-left:40px !important}.has-icon-right{padding-right:40px !important}#msgInput.hidden{display:none !important}input[type="range"]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;padding:0;min-height:auto}input[type="range"]::-webkit-slider-track{background:var(--input-bg);height:8px;border-radius:4px;border:1px solid var(--border-color)}input[type="range"]::-moz-range-track{background:var(--input-bg);height:8px;border-radius:4px;border:1px solid var(--border-color)}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-color);border:2px solid var(--bg-primary);cursor:pointer;margin-top:-6px;box-shadow:0 2px 8px rgba(99,102,241,0.4);transition:all 0.2s ease}input[type="range"]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-color);border:2px solid var(--bg-primary);cursor:pointer;box-shadow:0 2px 8px rgba(99,102,241,0.4);transition:all 0.2s ease}input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(99,102,241,0.6)}input[type="range"]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(99,102,241,0.6)}input[type="range"]:focus{outline:none;box-shadow:none}input[type="range"]:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(99,102,241,0.2)}input[type="range"]:focus::-moz-range-thumb{box-shadow:0 0 0 4px rgba(99,102,241,0.2)}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.85);backdrop-filter:blur(12px);z-index:10000;padding:16px}.modal.show{display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}#channels::-webkit-scrollbar,#rightPanel::-webkit-scrollbar{width:0;display:none}#channels,#rightPanel{scrollbar-width:none;-ms-overflow-style:none}#serverMenu{position:fixed !important;z-index:2147483647 !important;min-width:220px !important;max-width:280px !important;padding:8px !important;background:#111214 !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:8px !important;box-shadow:0 8px 32px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.05) !important;isolation:isolate !important;transform:translateZ(0) !important}#serverMenu:not(.hidden){display:block !important}#serverMenu.hidden{display:none !important}#serverMenu .server-menu-item{display:flex !important;align-items:center !important;gap:10px !important;padding:8px 12px !important;margin:2px 0 !important;background:transparent !important;border:none !important;border-radius:4px !important;color:#dbdee1 !important;font-size:14px !important;cursor:pointer !important;width:100% !important;text-align:left !important}#serverMenu .server-menu-item:hover{background:#37ff00 !important;color:#fff !important}#serverMenu .server-menu-item.danger{color:#ed4245 !important}#serverMenu .server-menu-item.danger:hover{background:#ed4245 !important;color:#fff !important}#serverMenu .server-menu-item i{font-size:14px !important;width:16px !important}#serverMenu .server-menu-divider{height:1px !important;background:#3f4147 !important;margin:4px 0 !important}#serverMenu .server-menu-header{padding:6px 12px !important;color:#949ba4 !important;font-size:11px !important;font-weight:600 !important;text-transform:uppercase !important;display:flex !important;align-items:center !important;gap:6px !important}#serverMenu .server-menu-section{margin:0 !important}#rightSidebar{background:transparent !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;border-left:1px solid rgba(255,255,255,0.06) !important}#rightSidebar > div:first-child{background:rgba(0,0,0,0.15) !important;border-bottom:1px solid rgba(255,255,255,0.06);padding:12px 16px}#rightTitle{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.02em;color:var(--text-secondary,#b5bac1)}#rightPanel .flex.items-center{padding:8px 10px;border-radius:6px;transition:background 0.15s ease;cursor:pointer}#rightPanel .flex.items-center:hover{background:rgba(255,255,255,0.04)}#rightPanel img[class*="rounded-full"]{width:32px;height:32px;border-radius:50%}#rightPanel .bg-green-500,#rightPanel .bg-emerald-500{width:10px;height:10px;border:2px solid var(--bg-secondary,#1e1f22)}#rightPanel .text-xs.uppercase{font-size:11px;font-weight:700;color:var(--text-muted,#949ba4);padding:16px 10px 6px;letter-spacing:0.02em}#rightPanel .flex.gap-1 button,#rightPanel .flex.gap-2 button{width:28px;height:28px;padding:0;border-radius:4px;background:transparent;color:var(--text-muted,#949ba4);border:none;display:flex;align-items:center;justify-content:center;transition:all 0.15s ease;opacity:0}#rightPanel .flex.items-center:hover .flex.gap-1 button,#rightPanel .flex.items-center:hover .flex.gap-2 button{opacity:1}#rightPanel .flex.gap-1 button:hover,#rightPanel .flex.gap-2 button:hover{background:rgba(255,255,255,0.1);color:var(--text-primary,#fff)}#rightPanel .flex.gap-1 button i,#rightPanel .flex.gap-2 button i{font-size:12px}.hidden{display:none !important}.chip{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:4px 12px;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:all 0.2s ease}.chip:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent-color);color:var(--text-primary);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.reaction{background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.03));border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:4px 8px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:all 0.2s ease}.reaction:hover{transform:translateY(-2px) scale(1.05)}.reaction.active{background:linear-gradient(135deg,rgba(88,101,242,0.2),rgba(88,101,242,0.1)) !important;border:2px solid var(--accent-color) !important;color:var(--accent-color) !important;box-shadow:0 0 16px rgba(88,101,242,0.5) !important;transform:scale(1.05) !important;z-index:10 !important}.message{position:relative;padding:2px 16px;margin:1px 0;border-radius:8px;transition:background 0.15s ease}.message:hover{background:rgba(255,255,255,0.03)}.message.grouped{margin-top:0;padding-top:0;padding-bottom:0}.message.grouped .message-avatar{visibility:hidden}.message.grouped .message-header{display:none !important}.message.grouped .msg-content{margin-left:0;margin-top:0;margin-bottom:0}.message-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;cursor:pointer;transition:transform 0.2s ease}.message-avatar:hover{transform:scale(1.1)}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message-author-name{font-weight:600;font-size:15px;color:var(--text-primary);cursor:pointer;transition:color 0.2s ease}.message-author-name:hover{text-decoration:underline}.message-timestamp{font-size:12px;color:var(--text-muted);font-weight:400}.msg-content{font-size:15px;line-height:1.5;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word}.msg-content strong{font-weight:700}.msg-content em{font-style:italic}.msg-content u{text-decoration:underline}.msg-content del{text-decoration:line-through;opacity:0.7}.msg-inline-code{background:rgba(0,0,0,0.3);padding:2px 6px;border-radius:4px;font-family:'Consolas','Monaco','Courier New',monospace;font-size:0.9em;color:var(--danger-color)}.msg-code-block{background:rgba(0,0,0,0.4);border-radius:8px;padding:12px;margin:8px 0;overflow-x:auto;border:1px solid rgba(255,255,255,0.1)}.msg-code-block code{font-family:'Consolas','Monaco','Courier New',monospace;font-size:13px;line-height:1.4;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.msg-quote{border-left:4px solid var(--accent-color,#a3ea30);padding:4px 12px;margin:4px 0;background:rgba(88,101,242,0.1);border-radius:0 4px 4px 0;color:var(--text-secondary)}.msg-spoiler{background:var(--bg-tertiary);color:transparent;border-radius:4px;padding:0 4px;cursor:pointer;transition:all 0.2s ease;user-select:none}.msg-spoiler:hover{background:var(--bg-secondary)}.msg-spoiler.revealed{background:rgba(88,101,242,0.2);color:inherit}.msg-controls{position:absolute !important;top:4px !important;right:8px !important;display:flex !important;align-items:center !important;gap:2px !important;background:var(--surface-color,rgba(17,17,27,0.95)) !important;backdrop-filter:blur(12px) !important;border:1px solid var(--border-color,rgba(255,255,255,0.08)) !important;border-radius:10px !important;padding:4px !important;box-shadow:0 8px 24px var(--shadow-color,rgba(0,0,0,0.5)) !important;opacity:0;pointer-events:none;transform:scale(0.95) translateY(-4px);transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1);z-index:30 !important}.message:hover .msg-controls,.group.controls-visible .msg-controls{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.msg-controls > .w-px{width:1px !important;height:20px !important;background:var(--border-color,rgba(255,255,255,0.1)) !important;margin:0 2px !important}.btn-icon{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:transparent !important;border:none !important;border-radius:6px !important;color:var(--text-secondary) !important;cursor:pointer;transition:all 0.15s ease !important;position:relative;padding:0 !important}.btn-icon i{font-size:13px !important}.btn-icon:hover{background:var(--hover-accent,rgba(99,102,241,0.15)) !important;transform:scale(1.05)}.btn-icon[data-action="select"] i{color:var(--info-color) !important}.btn-icon[data-action="reply"] i{color:var(--accent-color) !important}.btn-icon[data-action="forward"] i{color:var(--purple-hover) !important}.btn-icon[data-action="pin"] i{color:var(--warning-color) !important}.btn-icon[data-action="start-edit"] i{color:var(--info-color) !important}.btn-icon[data-action="delete"] i{color:var(--danger-color) !important}.btn-icon[data-action="select"]:hover{background:rgba(34,211,238,0.15) !important}.btn-icon[data-action="reply"]:hover{background:rgba(129,140,248,0.15) !important}.btn-icon[data-action="forward"]:hover{background:rgba(167,139,250,0.15) !important}.btn-icon[data-action="pin"]:hover{background:rgba(251,191,36,0.15) !important}.btn-icon[data-action="start-edit"]:hover{background:rgba(96,165,250,0.15) !important}.btn-icon[data-action="delete"]:hover{background:rgba(248,113,113,0.15) !important}.btn-icon:active{transform:scale(0.95);transition-duration:0.05s}.btn-icon[data-action="select"]:hover{background:rgba(59,130,246,0.2);color:var(--info-color)}.btn-icon[data-action="delete"]:hover{background:rgba(239,68,68,0.2);color:var(--danger-color)}.btn-icon[data-action="add-reaction"]:hover{background:rgba(251,191,36,0.2);color:var(--warning-color)}.btn-icon[data-action="reply"]:hover{background:rgba(163,234,48,0.2);color:var(--accent-color)}.btn-icon[data-action="pin"]:hover{background:rgba(251,191,36,0.2);color:var(--warning-color)}.btn-icon[data-action="forward"]:hover{background:rgba(168,85,247,0.2);color:var(--purple-hover)}.btn-icon[data-action="start-edit"]:hover{background:rgba(59,130,246,0.2);color:var(--info-color)}.btn-icon[data-action="report"]:hover{background:rgba(234,179,8,0.2);color:var(--warning-color)}.btn-icon[data-action="select"]:hover{background:rgba(99,102,241,0.15);border-color:rgba(99,102,241,0.3);color:var(--accent-color)}.msg-reactions-wrapper{display:flex;align-items:flex-start;gap:8px;margin-top:8px}.msg-reactions{display:flex;flex-wrap:wrap;gap:6px;flex:1}.tg-reaction.add-reaction-btn{width:32px;height:32px;min-width:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--input-bg);border:1px dashed var(--border-color);border-radius:10px;color:var(--text-muted);cursor:pointer;transition:all 0.2s ease;font-size:16px;padding:0;margin:0;opacity:0;pointer-events:none;transform:scale(0.9)}.message:hover .tg-reaction.add-reaction-btn{opacity:1;pointer-events:auto;transform:scale(1)}.tg-reaction.add-reaction-btn{order:999}.tg-reaction.add-reaction-btn:hover{background:var(--hover-accent);border-color:var(--accent-color);border-style:solid;color:var(--accent-color);transform:scale(1.05)}.tg-reaction.add-reaction-btn:active{transform:scale(0.95)}.tg-reaction.add-reaction-btn .tg-emoji{font-size:18px}.msg-reactions-wrapper.hidden-for-group{display:none !important}.msg-reactions-wrapper.hidden-for-group:has(.msg-reactions .reaction){display:flex !important}.msg-reactions-wrapper.hidden-for-group.has-reactions{display:flex !important}.msg-reactions .reaction,.msg-reactions .tg-reaction{font-size:14px;padding:5px 10px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:5px;color:var(--text-primary)}.msg-reactions .reaction:hover,.msg-reactions .tg-reaction:hover{background:var(--hover-accent);transform:translateY(-1px);border-color:var(--accent-color)}.msg-reactions .reaction.active,.msg-reactions .tg-reaction.active{background:var(--selected-bg);border-color:var(--accent-color);color:var(--accent-color)}.msg-reactions .reaction-count,.msg-reactions .tg-count{font-size:12px;font-weight:600;color:var(--text-secondary)}.msg-reactions .reaction.active .reaction-count,.msg-reactions .tg-reaction.active .tg-count{color:var(--accent-color)}.msg-reactions .tg-emoji{font-size:16px;line-height:1}#typingIndicator{padding:8px 16px;min-height:24px;font-size:13px;color:var(--text-secondary,#b9bbbe);background:var(--bg-primary,#36393f)}#typingIndicator:empty{display:none}.typing-indicator-content{display:flex;align-items:center;gap:8px}.typing-indicator{display:inline-flex;align-items:center;gap:3px}.typing-indicator span{width:6px;height:6px;background:var(--text-secondary,#b9bbbe);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-0.32s}.typing-indicator span:nth-child(2){animation-delay:-0.16s}.typing-indicator span:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%,80%,100%{transform:scale(0.6);opacity:0.5}40%{transform:scale(1);opacity:1}}.tg-quick-panel{position:fixed;z-index:10000;display:flex;gap:6px;padding:8px;background:var(--surface-color);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px var(--shadow-color);animation:quickPanelSlideIn 0.2s cubic-bezier(0.16,1,0.3,1)}@keyframes quickPanelSlideIn{from{opacity:0;transform:translateY(-10px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tg-quick-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;font-size:24px;cursor:pointer;transition:all 0.2s ease;padding:0;color:var(--text-primary)}.tg-quick-btn:hover{background:var(--hover-accent);transform:scale(1.15);border-color:var(--accent-color)}.tg-quick-btn:active{transform:scale(0.95)}.tg-quick-btn.more{background:var(--hover-accent);border-color:var(--accent-color);color:var(--accent-color)}.tg-quick-btn.more:hover{background:var(--selected-bg);border-color:var(--accent-color)}@media (max-width:768px){.tg-quick-panel{gap:4px;padding:6px;max-width:calc(100vw - 16px);flex-wrap:wrap}.tg-quick-btn{width:36px;height:36px;font-size:20px}}.tg-users-popup{position:fixed;z-index:10001;background:var(--surface-color);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:10px;padding:8px;box-shadow:0 8px 32px var(--shadow-color);max-width:250px;animation:fadeInScale 0.15s ease-out}.tg-users-popup .user{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;transition:background 0.2s ease}.tg-users-popup .user:hover{background:var(--hover-accent)}.typing-indicator{display:inline-flex;align-items:center;gap:4px}.typing-indicator span{width:6px;height:6px;background:var(--accent-color);border-radius:50%;animation:typingDot 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:0.2s}.typing-indicator span:nth-child(3){animation-delay:0.4s}@keyframes typingDot{0%,60%,100%{opacity:0.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.message-reply-block{background:rgba(99,102,241,0.08);border-left:3px solid var(--accent-color);border-radius:6px;padding:8px 12px;margin:6px 0;cursor:pointer;transition:all 0.2s ease}.message-reply-block:hover{background:rgba(99,102,241,0.12)}.reply-avatar{width:20px;height:20px;border-radius:50%;overflow:hidden}.reply-avatar img{width:100%;height:100%;object-fit:cover}@media (max-width:768px){.message{padding:4px 12px}.msg-controls{right:8px;gap:1px;padding:2px;top:4px;transform:scale(0.9) translateY(-4px)}.message:hover .msg-controls,.group.controls-visible .msg-controls{transform:scale(1) translateY(0)}.btn-icon{width:28px;height:28px;font-size:12px}.message-avatar{width:36px;height:36px}.msg-reactions-wrapper{padding-left:44px}.tg-reaction.add-reaction-btn{width:28px;height:28px;min-width:28px;font-size:14px}.message.controls-visible .tg-reaction.add-reaction-btn{opacity:1;pointer-events:auto;transform:scale(1)}.message{-webkit-tap-highlight-color:transparent}}.message:hover{background:rgba(255,255,255,0.04)}.message.mention{background:rgba(99,102,241,0.08);border-left:3px solid var(--accent-color);padding-left:13px}.message.mention:hover{background:rgba(99,102,241,0.12)}.message.animate-in{animation:messageSlideIn 0.3s cubic-bezier(0.16,1,0.3,1)}@keyframes messageSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){body{font-size:14px}.btn{padding:8px 12px}.card{padding:12px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}.forwarded-message-block{position:relative;overflow:hidden}.forwarded-message-block{animation:slideUp 0.4s cubic-bezier(0.16,1,0.3,1)}.forwarded-message-block::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,0.1) 0%,rgba(168,85,247,0.1) 100%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:0}.forwarded-message-block:hover::before{opacity:1}.forwarded-message-block > *{position:relative;z-index:1}.forwarded-message-block img,.forwarded-message-block .w-8.h-8{transition:transform 0.2s ease,box-shadow 0.2s ease}.forwarded-message-block:hover img,.forwarded-message-block:hover .w-8.h-8{transform:scale(1.05);box-shadow:0 4px 12px rgba(99,102,241,0.3)}.forwarded-message-block .text-neutral-300,.forwarded-message-block .text-neutral-400{line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.forwarded-message-block .space-y-1 > div{padding:4px 0;border-bottom:1px solid rgba(99,102,241,0.1)}.forwarded-message-block .space-y-1 > div:last-child{border-bottom:none}.forwarded-message-block i.fa{transition:transform 0.2s ease,color 0.2s ease}.forwarded-message-block:hover i.fa-share{transform:translateX(2px);color:rgb(165,180,252)}.forwarded-message-block .bg-indigo-500\/30{transition:all 0.2s ease}.forwarded-message-block:hover .bg-indigo-500\/30{background-color:rgba(99,102,241,0.5);transform:scale(1.05)}@media (max-width:640px){.forwarded-message-block{padding:12px}.forwarded-message-block .flex.items-start.gap-3{gap:8px}.forwarded-message-block .w-8.h-8{width:32px;height:32px}}[data-theme="dark"] .forwarded-message-block{background:linear-gradient(135deg,rgba(30,27,75,0.3) 0%,rgba(88,28,135,0.3) 100%)}[data-theme="light"] .forwarded-message-block{background:linear-gradient(135deg,rgba(224,231,255,0.5) 0%,rgba(237,233,254,0.5) 100%);border-left-color:rgb(99,102,241)}[data-theme="light"] .forwarded-message-block .text-neutral-300,[data-theme="light"] .forwarded-message-block .text-neutral-400{color:rgb(55,65,81)}[data-theme="light"] .forwarded-message-block .text-indigo-300{color:rgb(79,70,229)}[data-theme="light"] .forwarded-message-block .text-neutral-500{color:rgb(107,114,128)}@keyframes forwardPulse{0%{box-shadow:0 0 0 0 rgba(99,102,241,0.4)}70%{box-shadow:0 0 0 10px rgba(99,102,241,0)}100%{box-shadow:0 0 0 0 rgba(99,102,241,0)}}.forwarded-message-block.new-forward{animation:forwardPulse 1.5s ease-out}.forwarded-message-block code{background:rgba(99,102,241,0.2);padding:2px 6px;border-radius:4px;font-size:0.875em}.forwarded-message-block a{color:rgb(165,180,252);text-decoration:underline;transition:color 0.2s ease}.forwarded-message-block a:hover{color:rgb(199,210,254)}.modal-close-btn{display:flex;align-items:center;justify-content:center;border-radius:0.5rem;padding:0;background:rgba(64,64,64,0.5);border:1px solid rgba(115,115,115,0.3);color:rgb(212,212,216);cursor:pointer;transition:all 0.2s ease;backdrop-filter:blur(4px)}.modal-close-btn:hover{background:rgba(82,82,91,0.8);border-color:rgba(161,161,170,0.5);color:rgb(255,255,255);transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,0.3)}.modal-close-btn:active{transform:scale(0.95)}.modal-close-btn i{font-size:1.25rem;transition:transform 0.2s ease}.modal-close-btn:hover i{transform:rotate(90deg)}#forwardModal .modal-close-btn{background:rgba(99,102,241,0.1);border-color:rgba(99,102,241,0.3);color:rgb(165,180,252)}#forwardModal .modal-close-btn:hover{background:rgba(99,102,241,0.2);border-color:rgba(99,102,241,0.5);color:rgb(199,210,254);box-shadow:0 2px 12px rgba(99,102,241,0.3)}#settingsModal .modal-close-btn{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.3);color:rgb(252,165,165)}#settingsModal .modal-close-btn:hover{background:rgba(239,68,68,0.2);border-color:rgba(239,68,68,0.5);color:rgb(254,202,202);box-shadow:0 2px 12px rgba(239,68,68,0.3)}@media (max-width:640px){.modal-close-btn{min-width:36px !important;min-height:36px !important}.modal-close-btn i{font-size:1.125rem}}[data-theme="light"] .modal-close-btn{background:rgba(229,231,235,0.8);border-color:rgba(209,213,219,0.8);color:rgb(55,65,81)}[data-theme="light"] .modal-close-btn:hover{background:rgba(243,244,246,1);border-color:rgba(156,163,175,0.8);color:rgb(17,24,39)}[data-theme="light"] #forwardModal .modal-close-btn{background:rgba(224,231,255,0.8);border-color:rgba(199,210,254,0.8);color:rgb(79,70,229)}[data-theme="light"] #forwardModal .modal-close-btn:hover{background:rgba(224,231,255,1);border-color:rgba(165,180,252,1);color:rgb(67,56,202)}.friend-required-banner{position:sticky;bottom:0;left:0;right:0;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-top:1px solid var(--border-color);padding:16px 20px;z-index:100;animation:slideUp 0.3s ease}.friend-banner-content{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.friend-banner-content i{color:var(--accent-color);font-size:18px}.friend-banner-content span{color:var(--text-secondary);font-size:14px}.friend-banner-content .add-friend-btn{padding:8px 16px;font-size:13px;background:var(--accent-color);border:none;border-radius:6px;color:white;cursor:pointer;transition:all 0.2s ease}.friend-banner-content .add-friend-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}#messages{scroll-behavior:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}#messages .messages-container{}#messages .messages-container.space-y-4 > * + *{margin-top:2px !important}#messages .messages-container .message.grouped{margin-top:0 !important}#messages .message{}@media (prefers-reduced-motion:reduce){#messages{scroll-behavior:auto}}.friend-requests-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent-color,#a3ea30);color:white;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}#openFriends{position:relative}.date-separator{display:flex;align-items:center;justify-content:center;margin:16px 0;position:relative}.date-separator::before,.date-separator::after{content:'';flex:1;height:1px;background:var(--border-color)}.date-separator span{padding:4px 16px;font-size:12px;color:var(--text-muted);background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color)}.voice-status-panel{background:var(--bg-secondary,#1e1f22);border-top:1px solid var(--border-color,rgba(255,255,255,0.06));padding:0;margin-top:auto}.voice-status-info{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 4px 8px}.voice-status-connected{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.voice-signal-icon{color:var(--status-online);font-size:14px;animation:voicePulse 2s ease-in-out infinite}@keyframes voicePulse{0%,100%{opacity:1}50%{opacity:0.6}}.voice-status-text{display:flex;flex-direction:column;min-width:0}.voice-connected-label{font-size:11px;font-weight:600;color:var(--status-online);text-transform:uppercase;letter-spacing:0.02em}.voice-channel-name{font-size:12px;color:var(--text-secondary,#b5bac1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-disconnect-btn{width:32px;height:32px;border-radius:4px;background:transparent;border:none;color:var(--text-secondary,#b5bac1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s ease}.voice-disconnect-btn:hover{background:rgba(237,66,69,0.15);color:var(--danger-color)}.voice-controls-row{display:flex;align-items:center;gap:4px;padding:4px 8px 8px 8px}.voice-ctrl-btn{flex:1;height:32px;border-radius:4px;background:var(--bg-tertiary,#2b2d31);border:none;color:var(--text-secondary,#b5bac1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s ease;font-size:14px}.voice-ctrl-btn:hover{background:var(--hover-accent,rgba(255,255,255,0.1));color:var(--text-primary,#fff)}.voice-ctrl-btn.active,.voice-ctrl-btn.muted,.voice-ctrl-btn.deafened{background:rgba(237,66,69,0.15);color:var(--danger-color)}.voice-ctrl-btn.muted i,.voice-ctrl-btn.deafened i{color:var(--danger-color)}.voice-status-panel.speaking .voice-signal-icon{color:var(--status-online);animation:voiceSpeaking 0.3s ease-in-out infinite alternate}@keyframes voiceSpeaking{from{transform:scale(1)}to{transform:scale(1.2)}}@media (max-width:768px){.voice-status-panel{position:fixed;bottom:60px;left:0;right:0;z-index:100;border-radius:0;border-top:1px solid var(--border-color)}.voice-controls-row{padding:8px 12px 12px 12px}.voice-ctrl-btn{height:40px;font-size:16px}}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0;position:absolute;pointer-events:none}.switch,.switch input,.switch-slider{outline:none !important;border:none !important;box-shadow:none !important}.switch input:focus,.switch input:focus-visible,.switch:focus,.switch:focus-within{outline:none !important;box-shadow:none !important}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--input-bg);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border-radius:24px}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.switch input:checked + .switch-slider{background:var(--accent-gradient)}.switch input:checked + .switch-slider:before{transform:translateX(20px)}.switch input:focus + .switch-slider{outline:none !important;box-shadow:none !important}.switch input:disabled + .switch-slider{opacity:0.5;cursor:not-allowed}.switch:hover .switch-slider{background-color:var(--bg-tertiary)}.switch:hover input:checked + .switch-slider{background:var(--accent-hover)}.switch-sm{width:36px;height:20px}.switch-sm .switch-slider:before{height:14px;width:14px;left:3px;bottom:3px}.switch-sm input:checked + .switch-slider:before{transform:translateX(16px)}.switch-lg{width:52px;height:28px}.switch-lg .switch-slider:before{height:22px;width:22px;left:3px;bottom:3px}.switch-lg input:checked + .switch-slider:before{transform:translateX(24px)}[data-tooltip]{position:relative}[data-tooltip=""]::before,[data-tooltip=""]::after{display:none !important}[data-tooltip]:not([data-tooltip=""])::before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(0.95);padding:14px 14px;background:var(--surface-color,rgba(24,24,31,0.95));color:var(--text-primary,#f5f5f7);font-size:14px;font-weight:500;line-height:1;white-space:nowrap;border-radius:6px;border:1px solid var(--border-color,rgba(255,255,255,0.08));box-shadow:0 8px 16px var(--shadow-color,rgba(0,0,0,0.4));opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.15s ease,visibility 0.15s ease,transform 0.15s ease;z-index:2147483647}[data-tooltip]:not([data-tooltip=""])::after{content:'';position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--surface-color,rgba(24,24,31,0.95));opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.15s ease,visibility 0.15s ease;z-index:2147483647}[data-tooltip]:not([data-tooltip=""]):hover::before{opacity:1;visibility:visible;transform:translateX(-50%) scale(1)}[data-tooltip]:not([data-tooltip=""]):hover::after{opacity:1;visibility:visible}[data-tooltip-position="bottom"]:not([data-tooltip=""])::before,#voiceCallBtn[data-tooltip]:not([data-tooltip=""])::before,#videoCallBtn[data-tooltip]:not([data-tooltip=""])::before,#openSettings[data-tooltip]:not([data-tooltip=""])::before,#runDiagnosticsBtn[data-tooltip]:not([data-tooltip=""])::before,header [data-tooltip]:not([data-tooltip=""])::before{bottom:auto;top:calc(100% + 8px);transform:translateX(-50%) scale(0.95)}[data-tooltip-position="bottom"]:not([data-tooltip=""]):hover::before,#voiceCallBtn[data-tooltip]:not([data-tooltip=""]):hover::before,#videoCallBtn[data-tooltip]:not([data-tooltip=""]):hover::before,#openSettings[data-tooltip]:not([data-tooltip=""]):hover::before,#runDiagnosticsBtn[data-tooltip]:not([data-tooltip=""]):hover::before,header [data-tooltip]:not([data-tooltip=""]):hover::before{transform:translateX(-50%) scale(1)}[data-tooltip-position="bottom"]:not([data-tooltip=""])::after,#voiceCallBtn[data-tooltip]:not([data-tooltip=""])::after,#videoCallBtn[data-tooltip]:not([data-tooltip=""])::after,#openSettings[data-tooltip]:not([data-tooltip=""])::after,#runDiagnosticsBtn[data-tooltip]:not([data-tooltip=""])::after,header [data-tooltip]:not([data-tooltip=""])::after{bottom:auto;top:calc(100% + 3px);border-top-color:transparent;border-bottom-color:var(--surface-color)}#goHome[data-tooltip]::before,#goHome[data-tooltip]::after,#openPublicServers[data-tooltip]::before,#openPublicServers[data-tooltip]::after,#watchPartyBtn[data-tooltip]::before,#watchPartyBtn[data-tooltip]::after,#openCreateServer[data-tooltip]::before,#openCreateServer[data-tooltip]::after,.server-button[data-tooltip]::before,.server-button[data-tooltip]::after,#serversSidebar [data-tooltip]::before,#serversSidebar [data-tooltip]::after{display:none !important}[data-tooltip-position="right"]:not([data-tooltip=""])::before{bottom:auto;top:50%;left:calc(100% + 12px) !important;right:auto;transform:translateY(-50%);white-space:nowrap;width:auto;max-width:none;display:flex;align-items:center;justify-content:center;text-align:center}[data-tooltip-position="right"]:not([data-tooltip=""]):hover::before{transform:translateY(-50%)}[data-tooltip-position="right"]:not([data-tooltip=""])::after{bottom:auto;top:50%;left:calc(100% + 7px) !important;right:auto;transform:translateY(-50%);border-top-color:transparent;border-right-color:var(--surface-color);border-width:5px 5px 5px 0}[data-tooltip-position="left"]:not([data-tooltip=""])::before{bottom:auto;top:50%;left:auto;right:calc(100% + 12px);transform:translateY(-50%) scale(0.95)}[data-tooltip-position="left"]:not([data-tooltip=""]):hover::before{transform:translateY(-50%) scale(1)}[data-tooltip-position="left"]:not([data-tooltip=""])::after{bottom:auto;top:50%;left:auto;right:calc(100% + 7px);transform:translateY(-50%);border-top-color:transparent;border-left-color:var(--surface-color);border-width:5px 0 5px 5px}.msg-controls,.msg-controls *{overflow:visible !important}.role-card{transition:transform 0.15s ease,box-shadow 0.15s ease,opacity 0.15s ease;cursor:grab}.role-card:active{cursor:grabbing}.role-card.dragging{opacity:0.5;transform:scale(1.02);box-shadow:0 10px 30px rgba(0,0,0,0.3);z-index:100}.role-card.drag-over{border-top:2px solid var(--accent-color,#a3ea30)}#rolesList .card,#rolesListContainer .role-card{transition:transform 0.2s ease,margin 0.2s ease}#rolesList .card.dragging,#rolesListContainer .role-card.dragging{opacity:0.6;transform:scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,0.4)}.drag-placeholder{height:4px;background:var(--accent-color,#a3ea30);border-radius:2px;margin:4px 0;animation:pulse 1s ease-in-out infinite}#fullscreenVideoOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.95);z-index:9999;display:none;align-items:center;justify-content:center}#fullscreenVideoOverlay.active{display:flex}.fullscreen-video-container{position:relative;width:100%;height:100%;max-width:100vw;max-height:100vh;display:flex;align-items:center;justify-content:center}#fullscreenVideo{width:100%;height:100%;max-width:100vw;max-height:100vh;object-fit:contain;background:var(--bg-primary)}.fullscreen-close-btn{position:absolute;top:20px;right:20px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);color:var(--text-primary);font-size:20px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;z-index:10}.fullscreen-close-btn:hover{background:rgba(239,68,68,0.8);transform:scale(1.1)}.fullscreen-user-info{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:12px;padding:12px 20px;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);border-radius:12px;z-index:10}.fullscreen-user-info img{width:40px;height:40px;border-radius:50%;object-fit:cover}.fullscreen-user-info span{color:var(--text-primary);font-weight:600;font-size:16px}.call-message{margin:8px 0}.call-system-message{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary,rgba(255,255,255,0.05));border-radius:8px;border-left:3px solid var(--accent-color,#a3ea30)}.call-system-message i{font-size:14px}.call-system-message .fa-phone,.call-system-message .fa-video{color:var(--success-color,#22c55e)}.call-system-message .fa-phone-slash{color:var(--danger-color,#ef4444)}.voice-recording-ui-inline{position:absolute;top:0;left:0;right:0;bottom:0;display:flex !important;align-items:center;background:var(--bg-secondary);border-radius:8px;padding:0 12px;z-index:100;animation:recFadeIn 0.15s ease}.voice-recording-ui-inline.hidden{display:none !important}@keyframes recFadeIn{from{opacity:0}to{opacity:1}}.voice-recording-inner{display:flex;align-items:center;width:100%;height:100%;gap:12px}.voice-recording-indicator{display:flex;align-items:center;gap:8px}.voice-recording-dot{width:10px;height:10px;background:var(--danger-color);border-radius:50%;animation:recPulse 1s ease-in-out infinite}@keyframes recPulse{0%,100%{opacity:1}50%{opacity:0.4}}.voice-recording-time{font-size:14px;font-weight:500;color:var(--danger-color);font-variant-numeric:tabular-nums;min-width:36px}.voice-wave-canvas{flex:1;height:32px;background:var(--input-bg);border-radius:4px}.voice-recording-actions{display:flex;align-items:center;gap:8px}.voice-cancel-btn,.voice-send-btn{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all 0.15s ease}.voice-cancel-btn{background:var(--input-bg);color:var(--text-secondary)}.voice-cancel-btn:hover{background:rgba(244,63,94,0.2);color:var(--danger-color)}.voice-send-btn{background:var(--accent-color);color:var(--text-primary)}.voice-send-btn:hover{background:var(--accent-hover)}.video-circle-recording-ui{position:fixed;inset:0;background:var(--modal-bg);backdrop-filter:blur(20px);z-index:10001;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.25s ease}.video-circle-recording-ui.hidden{display:none}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.video-circle-overlay{display:flex;flex-direction:column;align-items:center;gap:24px}.video-circle-container{position:relative;width:280px;height:280px}.video-circle-container video{width:100%;height:100%;object-fit:cover;border-radius:50%;transform:scaleX(-1)}.video-circle-border{position:absolute;inset:-4px;border-radius:50%;border:4px solid var(--accent-color);animation:borderPulse 2s ease-in-out infinite;pointer-events:none}@keyframes borderPulse{0%,100%{border-color:var(--accent-color);box-shadow:0 0 0 0 rgba(99,102,241,0.4)}50%{border-color:var(--danger-color);box-shadow:0 0 20px 4px rgba(244,63,94,0.3)}}.video-circle-timer{position:absolute;bottom:-36px;left:50%;transform:translateX(-50%);background:var(--surface-color);padding:6px 14px;border-radius:16px;color:var(--text-primary);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;backdrop-filter:blur(8px)}.video-circle-timer.warning{color:var(--danger-color)}.video-circle-actions{display:flex;gap:20px}.video-circle-cancel,.video-circle-send{width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all 0.2s ease}.video-circle-cancel{background:var(--input-bg);color:var(--text-primary)}.video-circle-cancel:hover{background:rgba(244,63,94,0.2);color:var(--danger-color);transform:scale(1.08)}.video-circle-send{background:var(--accent-color);color:var(--text-primary)}.video-circle-send:hover{background:var(--accent-hover);transform:scale(1.08)}.voice-message-player{display:flex;align-items:center;gap:10px;background:var(--input-bg);border-radius:20px;padding:6px 12px 6px 6px;min-width:200px;max-width:300px}.voice-play-btn{width:36px;height:36px;border-radius:50%;background:var(--accent-color);border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all 0.15s ease;flex-shrink:0}.voice-play-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.voice-waveform{flex:1;height:24px;display:flex;align-items:center;gap:2px;position:relative}.voice-waveform-bars{display:flex;align-items:center;gap:2px;height:100%;width:100%}.voice-waveform-bar{flex:1;background:var(--accent-color);border-radius:2px;min-height:3px;opacity:0.3;transition:opacity 0.1s}.voice-waveform-bar.played{opacity:1}.voice-progress{position:absolute;left:0;top:0;height:100%;background:var(--selected-bg);border-radius:4px;width:0%}.voice-duration{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:32px;text-align:right}.video-circle-message{display:inline-block}.video-circle-wrapper{position:relative;width:200px;height:200px;cursor:pointer}.video-circle-wrapper:hover{transform:scale(1.02)}.video-circle-wrapper video{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--border-color);transition:border-color 0.2s}.video-circle-wrapper:hover video{border-color:var(--accent-color)}.video-circle-play-overlay{position:absolute;inset:3px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);border-radius:50%;transition:background 0.2s}.video-circle-play-overlay.hidden{opacity:0;pointer-events:none}.video-circle-play-overlay i{font-size:32px;color:var(--text-primary)}.video-circle-wrapper:hover .video-circle-play-overlay:not(.hidden){background:rgba(0,0,0,0.4)}.video-circle-duration{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:var(--surface-color);padding:3px 10px;border-radius:10px;font-size:11px;color:var(--text-primary);backdrop-filter:blur(4px)}.record-voice-btn,.record-circle-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all 0.15s ease}.record-voice-btn:hover{background:rgba(244,63,94,0.1);color:var(--danger-color)}.record-circle-btn:hover{background:var(--hover-accent);color:var(--accent-color)}.record-voice-btn:active,.record-circle-btn:active{transform:scale(0.9)}@media (max-width:768px){.voice-message-player{min-width:160px;max-width:260px}.voice-play-btn{width:32px;height:32px;font-size:11px}.video-circle-wrapper{width:160px;height:160px}.video-circle-container{width:240px;height:240px}.video-circle-play-overlay i{font-size:24px}}.drag-drop-overlay{position:fixed;inset:0;background:rgba(88,101,242,0.15);backdrop-filter:blur(4px);z-index:9998;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.2s ease}.drag-drop-overlay.active{opacity:1;pointer-events:auto}.drag-drop-overlay.hidden{display:none}.drag-drop-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 64px;background:linear-gradient(135deg,rgba(30,30,50,0.95),rgba(20,20,40,0.95));border:3px dashed rgba(88,101,242,0.6);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,0.5);animation:dragPulse 1.5s ease-in-out infinite}@keyframes dragPulse{0%,100%{border-color:rgba(88,101,242,0.6);transform:scale(1)}50%{border-color:rgba(88,101,242,1);transform:scale(1.02)}}.drag-drop-content i{font-size:64px;color:var(--accent-color,#a3ea30);animation:dragBounce 1s ease-in-out infinite}@keyframes dragBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.drag-drop-content span{font-size:24px;font-weight:600;color:var(--text-primary)}.drag-drop-content .drag-drop-hint{font-size:14px;font-weight:400;color:var(--text-secondary);opacity:0.8}@media (max-width:768px){.drag-drop-content{padding:32px 40px}.drag-drop-content i{font-size:48px}.drag-drop-content span{font-size:18px}}.glass-panel{background:rgba(20,24,32,0.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08)}.neon-glow{box-shadow:0 0 20px rgba(163,234,48,0.15)}.neon-glow-strong{box-shadow:0 0 30px rgba(163,234,48,0.3)}.card-modern{background:var(--panel-bg,#141820);border:1px solid var(--border-color,rgba(255,255,255,0.08));border-radius:16px;overflow:hidden;position:relative}.card-modern::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-gradient,linear-gradient(90deg,#a3ea30 0%,#a855f7 100%))}.input-modern{background:var(--input-bg,#1c212c);border:1px solid var(--border-color,#2a303e);border-radius:12px;padding:12px 16px;color:var(--text-primary,#f2f3f5);font-size:14px;transition:all 0.2s ease}.input-modern:focus{border-color:var(--accent-color,#a3ea30);box-shadow:0 0 0 3px var(--hover-accent,rgba(163,234,48,0.15));outline:none}.input-modern::placeholder{color:var(--text-muted,#b5bac1);opacity:0.5}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted,#b5bac1);opacity:0.5;transition:all 0.2s ease;pointer-events:none}.input-with-icon input{padding-left:44px}.input-with-icon:focus-within .input-icon{color:var(--accent-color,#a3ea30);opacity:1}.btn-modern{background:var(--accent-color,#a3ea30);color:var(--bg-primary,#0b0e11);padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px var(--shadow-color,rgba(163,234,48,0.25))}.btn-modern:hover{background:var(--accent-hover,#8fd41a);transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-color,rgba(163,234,48,0.4))}.btn-modern:active{transform:translateY(0);box-shadow:0 2px 8px rgba(163,234,48,0.3)}.btn-modern-gradient{background:var(--accent-gradient,linear-gradient(135deg,#a3ea30 0%,#8b5cf6 100%));color:white}.segmented-control{display:grid;grid-template-columns:repeat(2,1fr);padding:6px;background:var(--sidebar-bg,#0f1218);border-radius:12px;border:1px solid rgba(255,255,255,0.05);gap:4px}.segmented-control button{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-muted,#b5bac1);background:transparent;border:none;cursor:pointer;transition:all 0.2s ease}.segmented-control button:hover{color:var(--text-primary,#f2f3f5);background:rgba(255,255,255,0.05)}.segmented-control button.active{background:var(--input-bg,#1c212c);color:var(--text-primary,#f2f3f5);font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05)}.otp-container{display:flex;gap:8px;justify-content:center}.otp-input{width:48px;height:56px;background:var(--input-bg,#1c212c);border:1px solid var(--border-color,#2a303e);border-radius:12px;text-align:center;font-size:20px;font-weight:700;color:var(--text-primary,#f2f3f5);transition:all 0.2s ease}.otp-input:focus{border-color:var(--accent-color,#a3ea30);box-shadow:0 0 10px var(--hover-accent,rgba(163,234,48,0.4));outline:none}.modal-modern{position:fixed;inset:0;background:rgba(0,0,0,0.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.modal-modern .modal-content{background:var(--panel-bg,#141820);border:1px solid var(--border-color,#2a303e);border-radius:16px;max-width:480px;width:100%;max-height:90vh;overflow:hidden;animation:modalPop 0.3s cubic-bezier(0.16,1,0.3,1)}@keyframes modalPop{0%{opacity:0;transform:scale(0.95) translateY(10px)}100%{opacity:1;transform:scale(1) translateY(0)}}.nav-item-modern{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--text-muted,#b5bac1);transition:all 0.2s ease;position:relative;cursor:pointer}.nav-item-modern:hover{background:rgba(255,255,255,0.05);color:var(--text-primary,#f2f3f5)}.nav-item-modern.active{background:var(--selected-bg,rgba(163,234,48,0.1));color:var(--text-primary,#f2f3f5);box-shadow:0 0 15px var(--hover-accent,rgba(163,234,48,0.3))}.nav-item-modern.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--accent-color,#a3ea30);border-radius:0 4px 4px 0}.toggle-modern{position:relative;width:44px;height:24px;background:var(--input-bg,#1c212c);border-radius:12px;cursor:pointer;transition:all 0.3s ease}.toggle-modern.active{background:var(--accent-color,#a3ea30)}.toggle-modern::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;background:white;border-radius:50%;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.toggle-modern.active::after{left:22px}.danger-zone{border:1px solid rgba(239,68,68,0.3);border-radius:16px;padding:20px;background:rgba(239,68,68,0.05)}.danger-zone:hover{background:rgba(239,68,68,0.1)}.danger-zone h3{color:var(--danger-color,#f87171);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.upload-area{width:96px;height:96px;border-radius:50%;border:2px dashed var(--border-color,#2a303e);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all 0.2s ease;background:var(--input-bg,#1c212c)}.upload-area:hover{border-color:var(--accent-color,#a3ea30);background:var(--hover-accent,rgba(163,234,48,0.05))}.upload-area i{font-size:24px;color:var(--accent-color,#a3ea30);transition:transform 0.2s ease}.upload-area:hover i{transform:scale(1.1)}.step-indicator{display:flex;align-items:center;gap:12px}.step-number{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#a3ea30 0%,#8b5cf6 100%);color:white;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}.step-line{width:2px;height:40px;background:var(--border-color,#2a303e);margin-left:15px}.qr-container{background:white;padding:16px;border-radius:12px;display:inline-block;transition:transform 0.2s ease}.qr-container:hover{transform:scale(1.02)}.profile-banner{height:160px;background-size:cover;background-position:center;position:relative;border-radius:16px 16px 0 0}.profile-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,0.5) 100%)}.profile-avatar{width:128px;height:128px;border-radius:50%;border:6px solid var(--panel-bg,#141820);background-size:cover;background-position:center;position:relative;margin-top:-64px}.profile-avatar .status-dot{position:absolute;bottom:4px;right:4px;width:24px;height:24px;border-radius:50%;border:4px solid var(--panel-bg,#141820)}.checkbox-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;border:1px solid var(--border-color,#2a303e);background:rgba(255,255,255,0.02);cursor:pointer;transition:all 0.2s ease}.checkbox-card:hover{background:rgba(255,255,255,0.05);border-color:rgba(163,234,48,0.3)}.checkbox-card.checked{background:rgba(163,234,48,0.1);border-color:rgba(163,234,48,0.3)}.scrollbar-modern::-webkit-scrollbar{width:6px;height:6px}.scrollbar-modern::-webkit-scrollbar-track{background:transparent}.scrollbar-modern::-webkit-scrollbar-thumb{background:var(--border-color,#2a303e);border-radius:3px}.scrollbar-modern::-webkit-scrollbar-thumb:hover{background:var(--accent-color,#a3ea30)}.glow-bg-green{position:absolute;width:50%;height:50%;background:rgba(163,234,48,0.1);border-radius:50%;filter:blur(120px);pointer-events:none}.glow-bg-purple{position:absolute;width:40%;height:40%;background:rgba(168,85,247,0.1);border-radius:50%;filter:blur(100px);pointer-events:none}.notifications-popup{width:100%;max-width:420px;max-height:80vh;background:var(--bg-secondary,#2b2d31);border-radius:12px;border:1px solid rgba(255,255,255,0.08);box-shadow:0 8px 32px rgba(0,0,0,0.4);display:flex;flex-direction:column;overflow:hidden}.notifications-popup-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,0.06)}.notifications-popup-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--text-primary,#fff)}.notifications-popup-title i{color:var(--accent-color,#5865f2)}.notifications-popup-close{width:32px;height:32px;border-radius:6px;background:transparent;border:none;color:var(--text-muted,#949ba4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s ease}.notifications-popup-close:hover{background:rgba(255,255,255,0.1);color:var(--text-primary,#fff)}.notifications-popup-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.2)}.notifications-tab{padding:8px 12px;border-radius:6px;background:transparent;border:none;color:var(--text-secondary,#b5bac1);font-size:13px;cursor:pointer;transition:all 0.15s ease;display:flex;align-items:center;gap:6px}.notifications-tab:hover{background:rgba(255,255,255,0.06);color:var(--text-primary,#fff)}.notifications-tab.active{background:var(--accent-color,#5865f2);color:#fff}.notifications-tab-badge{padding:2px 6px;border-radius:8px;background:rgba(237,66,69,0.9);color:#fff;font-size:11px;font-weight:600}.notifications-popup-list{flex:1;overflow-y:auto;padding:12px;min-height:200px;max-height:400px}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted,#949ba4)}.notifications-empty i{font-size:40px;margin-bottom:12px;opacity:0.4}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;background:rgba(255,255,255,0.03);cursor:pointer;transition:all 0.15s ease;position:relative}.notification-item:hover{background:rgba(255,255,255,0.06)}.notification-item.notification-read{opacity:0.6}.notification-icon{width:36px;height:36px;border-radius:50%;background:rgba(88,101,242,0.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon i{font-size:14px;color:var(--accent-color,#5865f2)}.notification-content{flex:1;min-width:0}.notification-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.notification-title{font-size:14px;font-weight:600;color:var(--text-primary,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:11px;color:var(--text-muted,#949ba4);flex-shrink:0}.notification-message{font-size:13px;color:var(--text-secondary,#b5bac1);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-channel{font-size:11px;color:var(--text-muted,#949ba4);margin-top:4px;display:block}.notification-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-color,#5865f2);flex-shrink:0;margin-top:4px}.notifications-popup-footer{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.2)}.notifications-footer-btn{flex:1;padding:10px 12px;border-radius:6px;background:rgba(255,255,255,0.06);border:none;color:var(--text-secondary,#b5bac1);font-size:13px;cursor:pointer;transition:all 0.15s ease;display:flex;align-items:center;justify-content:center;gap:6px}.notifications-footer-btn:hover{background:rgba(255,255,255,0.1);color:var(--text-primary,#fff)}.notifications-footer-btn.danger:hover{background:rgba(237,66,69,0.2);color:#ed4245}.friends-modal-container{width:100%;max-width:900px;max-height:85vh;background:linear-gradient(135deg,var(--bg-secondary,#2b2d31) 0%,var(--bg-tertiary,#1f1f28) 100%);border-radius:20px;border:1px solid var(--border-color,rgba(255,255,255,0.08));box-shadow:0 25px 80px rgba(0,0,0,0.4),0 8px 32px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1);display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:modalSlideIn 0.3s cubic-bezier(0.4,0,0.2,1)}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.friends-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--border-color,rgba(255,255,255,0.06));background:linear-gradient(135deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.01) 100%)}.friends-modal-title{display:flex;align-items:center;gap:14px}.friends-modal-title i{font-size:26px;color:var(--accent-color,#6366f1);filter:drop-shadow(0 2px 4px rgba(99,102,241,0.3))}.friends-modal-title h2{font-size:22px;font-weight:700;color:var(--text-primary,#fff);margin:0;letter-spacing:-0.02em}.friends-modal-close{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);color:var(--text-muted,#949ba4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.friends-modal-close:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.15);color:var(--text-primary,#fff);transform:scale(1.05)}.friends-modal-tabs{display:flex;gap:6px;padding:16px 20px;border-bottom:1px solid var(--border-color,rgba(255,255,255,0.06));background:rgba(0,0,0,0.2);overflow-x:auto;scrollbar-width:thin}.friends-modal-tabs::-webkit-scrollbar{height:4px}.friends-modal-tabs::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:2px}.friends-tab{padding:12px 18px;border-radius:10px;background:transparent;border:1px solid transparent;color:var(--text-secondary,#b5bac1);font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;gap:10px;white-space:nowrap}.friends-tab i{font-size:14px}.friends-tab:hover{background:linear-gradient(135deg,rgba(99,102,241,0.15) 0%,rgba(99,102,241,0.08) 100%);border-color:rgba(99,102,241,0.2);color:var(--text-primary,#fff);transform:translateY(-1px)}.friends-tab.active{background:linear-gradient(135deg,var(--accent-color,#6366f1) 0%,rgba(99,102,241,0.8) 100%);border-color:var(--accent-color,#6366f1);color:#fff;box-shadow:0 4px 12px rgba(99,102,241,0.3)}.friends-tab.add-friend{margin-left:auto;background:linear-gradient(135deg,var(--accent-color,#6366f1) 0%,#8b5cf6 100%);border-color:transparent;color:#fff;box-shadow:0 2px 8px rgba(99,102,241,0.3)}.friends-tab.add-friend:hover{background:linear-gradient(135deg,var(--accent-hover,#818cf8) 0%,#a78bfa 100%);box-shadow:0 4px 16px rgba(99,102,241,0.4);transform:translateY(-2px)}.friends-tab-count{padding:3px 10px;border-radius:12px;background:rgba(0,0,0,0.3);font-size:12px;font-weight:700;min-width:24px;text-align:center}.friends-tab.active .friends-tab-count{background:rgba(255,255,255,0.2)}.friends-tab-count.highlight{background:linear-gradient(135deg,#f43f5e 0%,#dc2626 100%);color:#fff;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.friends-modal-search{position:relative;padding:16px 20px;border-bottom:1px solid var(--border-color,rgba(255,255,255,0.06));background:rgba(0,0,0,0.1)}.friends-modal-search i{position:absolute;left:32px;top:50%;transform:translateY(-50%);color:var(--text-muted,#949ba4);font-size:16px}.friends-modal-search input{width:100%;padding:12px 16px 12px 44px;border-radius:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);color:var(--text-primary,#fff);font-size:14px;transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.friends-modal-search input:focus{outline:none;background:rgba(255,255,255,0.08);border-color:var(--accent-color,#6366f1);box-shadow:0 0 0 3px rgba(99,102,241,0.1)}.friends-modal-search input::placeholder{color:var(--text-muted,#949ba4)}.friends-modal-content{flex:1;overflow-y:auto;padding:16px;min-height:300px;background:var(--bg-primary,#1e1f22)}.friends-modal-content .friend-item{padding:12px 16px;margin-bottom:8px;background:var(--bg-secondary,#2b2d31);border:1px solid var(--border-color,#3f4147);border-radius:12px;transition:all 0.2s ease;cursor:pointer;position:relative;overflow:hidden}.friends-modal-content .friend-item:hover{background:var(--bg-modifier-hover,#35373c);border-color:var(--accent-color,#5865f2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.friends-modal-content .friend-item::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-color,#5865f2);opacity:0;transition:opacity 0.2s ease}.friends-modal-content .friend-item:hover::before{opacity:1}.friends-modal-content .friend-avatar{width:48px;height:48px;border-radius:50%;background:var(--bg-tertiary,#404249);object-fit:cover;border:2px solid var(--border-color,#3f4147);transition:border-color 0.2s ease}.friends-modal-content .friend-item:hover .friend-avatar{border-color:var(--accent-color,#5865f2)}.friends-modal-content .friend-info{flex:1;min-width:0;margin-left:12px}.friends-modal-content .friend-name{font-weight:600;font-size:16px;color:var(--text-primary,#f2f3f5);margin-bottom:2px;display:flex;align-items:center;gap:6px}.friends-modal-content .friend-username{font-size:13px;color:var(--text-muted,#949ba4);margin-bottom:4px}.friends-modal-content .friend-status{font-size:12px;color:var(--text-muted,#949ba4);display:flex;align-items:center;gap:6px}.friends-modal-content .friend-actions{display:flex;gap:8px;opacity:0;transition:opacity 0.2s ease}.friends-modal-content .friend-item:hover .friend-actions{opacity:1}.friends-modal-content .friend-action-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-tertiary,#404249);color:var(--text-muted,#949ba4);cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;font-size:14px}.friends-modal-content .friend-action-btn:hover{background:var(--accent-color,#5865f2);color:#ffffff;transform:scale(1.1)}.friends-modal-content .friend-action-btn.danger:hover{background:#ed4245}.friends-modal-content .status-indicator{width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-secondary,#2b2d31);position:absolute;bottom:-2px;right:-2px}.friends-modal-content .status-online{background:#23a55a}.friends-modal-content .status-away{background:#f0b232}.friends-modal-content .status-busy{background:#f23f43}.friends-modal-content .status-offline{background:#80848e}.friends-modal-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-muted,#949ba4)}.friends-modal-content .empty-state i{font-size:64px;margin-bottom:16px;opacity:0.3;color:var(--text-muted,#949ba4)}.friends-modal-content .empty-state h3{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--text-primary,#f2f3f5)}.friends-modal-content .empty-state p{font-size:14px;line-height:1.4}.friends-modal-content .loading-state{display:flex;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted,#949ba4)}.friends-modal-content .loading-state i{margin-right:8px;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.friends-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.15);font-size:13px;color:var(--text-muted,#949ba4)}.friends-stats{display:flex;gap:16px}.friends-stats span{display:flex;align-items:center;gap:6px}.friends-stats strong{color:var(--text-primary,#fff)}.friends-update-time{font-size:12px}@media (max-width:768px){.notifications-popup{max-width:100%;max-height:90vh;border-radius:12px 12px 0 0;margin-top:auto}.friends-modal-container{max-width:100%;max-height:95vh;border-radius:12px 12px 0 0;margin-top:auto}.friends-modal-tabs{padding:8px 12px}.friends-tab{padding:8px 12px;font-size:13px}.friends-tab span:not(.friends-tab-count){display:none}.friends-tab.add-friend span{display:inline}.friends-modal-footer{flex-direction:column;gap:8px;align-items:flex-start}}#settingsModal.modal.fullscreen-settings,#serverSettingsModal.modal.fullscreen-settings{background:#0b0e11 !important;padding:0 !important}#settingsModal.modal.fullscreen-settings > .card,#serverSettingsModal.modal.fullscreen-settings > .card{max-width:100% !important;width:100% !important;height:100vh !important;max-height:100vh !important;margin:0 !important;border-radius:0 !important;background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important}.settings-fullscreen{display:flex;width:100%;height:100vh;max-height:100vh;background:#0b0e11;position:relative;overflow:hidden}.settings-fullscreen::before{content:'';position:absolute;top:-10%;left:-10%;width:40%;height:40%;background:var(--accent-color,#a3ea30);opacity:0.1;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.settings-fullscreen::after{content:'';position:absolute;bottom:-10%;right:-10%;width:30%;height:30%;background:#a855f7;opacity:0.1;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}.settings-sidebar-redesign{width:280px;min-width:280px;background:rgba(15,18,24,0.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid #2a303e;display:flex;flex-direction:column;height:100vh;z-index:10}.settings-sidebar-header{padding:24px;padding-bottom:16px}.settings-sidebar-title{font-size:24px;font-weight:700;color:white;letter-spacing:-0.02em;display:flex;align-items:center;gap:8px}.settings-sidebar-title::before{content:'';width:8px;height:24px;background:linear-gradient(180deg,#a3ea30 0%,#a855f7 100%);border-radius:4px}.settings-nav-redesign{flex:1;overflow-y:auto;padding:8px 12px}.settings-nav-redesign::-webkit-scrollbar{width:4px}.settings-nav-redesign::-webkit-scrollbar-thumb{background:#2a303e;border-radius:4px}.settings-nav-section{margin-bottom:24px}.settings-nav-section-title{padding:0 16px;font-size:11px;font-weight:700;color:rgba(181,186,193,0.7);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:12px}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#b5bac1;cursor:pointer;transition:all 0.2s ease;position:relative;overflow:hidden;font-size:15px;font-weight:500;border:none;background:transparent;width:100%;text-align:left}.settings-nav-item:hover{background:rgba(255,255,255,0.05);color:white}.settings-nav-item:hover i{color:var(--accent-color,#a3ea30)}.settings-nav-item.active{background:var(--selected-bg,rgba(163,234,48,0.1));color:white;box-shadow:0 0 15px var(--hover-accent,rgba(163,234,48,0.3))}.settings-nav-item.active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-color,#a3ea30)}.settings-nav-item i{font-size:20px;width:22px;text-align:center;transition:all 0.2s ease}.settings-nav-logout{padding:12px;border-top:1px solid rgba(42,48,62,0.5)}.settings-nav-logout .settings-nav-item:hover{background:rgba(239,68,68,0.1);color:#ef4444}.settings-nav-logout .settings-nav-item:hover i{color:#ef4444;transform:translateX(-4px)}.settings-sidebar-footer{padding:16px;text-align:center;font-size:12px;color:rgba(181,186,193,0.3);font-family:monospace}.settings-main-redesign{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;z-index:10;min-height:0;height:100%;max-height:100vh}.settings-close-btn-redesign{position:absolute;top:24px;right:32px;z-index:50;width:40px;height:40px;border-radius:50%;background:rgba(42,48,62,0.5);border:1px solid rgba(255,255,255,0.05);color:#b5bac1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;backdrop-filter:blur(8px)}.settings-close-btn-redesign:hover{background:#2a303e;color:white;border-color:rgba(255,255,255,0.2)}.settings-close-btn-redesign:hover i{transform:rotate(90deg)}.settings-close-btn-redesign i{font-size:20px;transition:transform 0.3s ease}.esc-hint{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:rgba(255,255,255,0.4);position:absolute;bottom:-20px;opacity:0;transition:opacity 0.2s ease}.settings-close-btn-redesign:hover .esc-hint{opacity:1}.settings-content-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:32px 48px;scroll-behavior:smooth;min-height:0}.settings-content-area::-webkit-scrollbar{width:8px}.settings-content-area::-webkit-scrollbar-track{background:transparent}.settings-content-area::-webkit-scrollbar-thumb{background:#2a303e;border-radius:4px}.settings-content-area::-webkit-scrollbar-thumb:hover{background:#3a4052}.settings-content-wrapper{max-width:1200px;margin:0 auto;padding-bottom:80px}.settings-content{display:block}.settings-content.hidden{display:none !important}.profile-card-redesign{position:relative;width:100%;border-radius:16px;overflow:hidden;background:#141820;border:1px solid #2a303e;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);margin-bottom:32px}.profile-banner-redesign{height:192px;width:100%;background-size:cover;background-position:center;position:relative;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.profile-banner-redesign::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.2),#141820)}.profile-banner-edit{position:absolute;top:16px;right:16px;background:rgba(0,0,0,0.5);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.1);color:white;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;opacity:0;transform:translateY(8px);transition:all 0.3s ease;display:flex;align-items:center;gap:8px;z-index:5}.profile-card-redesign:hover .profile-banner-edit{opacity:1;transform:translateY(0)}.profile-info-redesign{padding:0 32px 32px;position:relative;margin-top:-64px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.profile-avatar-wrapper{position:relative;cursor:pointer}.profile-avatar-redesign{width:128px;height:128px;border-radius:50%;border:6px solid #141820;background:#202225;background-size:cover;background-position:center;box-shadow:0 10px 25px -5px rgba(0,0,0,0.5);position:relative;overflow:hidden}.profile-avatar-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.4);opacity:0;transition:opacity 0.2s ease;display:flex;align-items:center;justify-content:center;border-radius:50%}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.profile-avatar-overlay i{color:white;font-size:24px}.profile-status-indicator{position:absolute;bottom:8px;right:8px;width:28px;height:28px;background:#22c55e;border:4px solid #141820;border-radius:50%;z-index:10}.profile-details-redesign{flex:1;margin-bottom:8px}.profile-name-redesign{font-size:28px;font-weight:700;color:white;letter-spacing:-0.02em;display:flex;align-items:center;gap:12px}.profile-tag{font-size:24px;font-weight:400;color:#b5bac1;opacity:0.5}.profile-status-text{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:14px;font-weight:500;color:#b5bac1}.profile-status-text .status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,100%{opacity:1}50%{opacity:0.5}}.profile-edit-btn{background:var(--accent-color,#a3ea30);color:var(--bg-primary,#0b0e11);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;border:none;box-shadow:0 4px 20px -5px var(--shadow-color,rgba(163,234,48,0.4));display:flex;align-items:center;gap:8px;margin-bottom:16px}.profile-edit-btn:hover{background:var(--accent-hover,#8fd41a);box-shadow:0 6px 25px -5px var(--shadow-color,rgba(163,234,48,0.6));transform:translateY(-2px)}.settings-section-redesign{background:rgba(20,24,32,0.6);border:1px solid #2a303e;border-radius:16px;padding:24px;margin-bottom:24px;backdrop-filter:blur(8px);position:relative;overflow:hidden}.settings-section-redesign::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#a3ea30,transparent);opacity:0.5}.server-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.server-stat-card{background:rgba(15,18,24,0.6);border:1px solid #2a303e;border-radius:12px;padding:20px;text-align:center;transition:all 0.2s ease}.server-stat-card:hover{background:rgba(20,24,32,0.8);border-color:rgba(163,234,48,0.3);transform:translateY(-2px)}.server-stat-value{font-size:32px;font-weight:700;margin-bottom:4px}.server-stat-label{font-size:13px;color:#b5bac1;font-weight:500}.settings-actions-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px 0;margin-top:32px;border-top:1px solid #2a303e}@media (max-width:768px){.server-stats-grid{grid-template-columns:repeat(2,1fr)}.settings-actions-footer{flex-direction:column}.settings-actions-footer button{width:100%}}.settings-section-title-redesign{font-size:18px;font-weight:700;color:white;margin-bottom:24px;display:flex;align-items:center;gap:8px}.settings-section-title-redesign i{color:var(--accent-color,#a3ea30)}.settings-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.settings-form-grid.single-col{grid-template-columns:1fr}.settings-form-group{display:flex;flex-direction:column;gap:8px}.settings-form-group.full-width{grid-column:span 2}.settings-form-label{font-size:12px;font-weight:600;color:#b5bac1;text-transform:uppercase;letter-spacing:0.05em}.settings-form-input{width:100%;background:#1c212c;border:1px solid #2a303e;border-radius:12px;padding:12px 16px;color:white;font-size:14px;transition:all 0.2s ease}.settings-form-input:focus{outline:none;border-color:var(--accent-color,#a3ea30);box-shadow:0 0 0 2px var(--hover-accent,rgba(163,234,48,0.2))}.settings-form-input::placeholder{color:rgba(181,186,193,0.3)}.settings-form-textarea{min-height:96px;resize:none;line-height:1.6}.input-with-counter{position:relative}.input-counter{position:absolute;right:12px;bottom:12px;font-size:10px;color:rgba(181,186,193,0.4);font-family:monospace}.settings-two-col{display:grid;grid-template-columns:2fr 1fr;gap:32px}.settings-main-col{display:flex;flex-direction:column;gap:24px}.settings-side-col{display:flex;flex-direction:column;gap:24px}.preview-card-redesign{background:linear-gradient(145deg,#141820 0%,#0f1218 100%);border:1px solid #2a303e;border-radius:16px;padding:24px;position:relative;overflow:hidden}.preview-card-redesign::before{content:'';position:absolute;right:-40px;top:-40px;width:128px;height:128px;background:var(--accent-color,#a3ea30);opacity:0.2;filter:blur(50px);border-radius:50%;pointer-events:none}.preview-card-title{font-size:12px;font-weight:700;color:white;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:16px}.preview-message{background:#0b0e11;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,0.05);display:flex;gap:12px;align-items:flex-start}.preview-message-avatar{width:40px;height:40px;border-radius:50%;background:#374151;background-size:cover;background-position:center;flex-shrink:0}.preview-message-content{flex:1;min-width:0}.preview-message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.preview-message-name{font-size:14px;font-weight:500;color:white}.preview-message-time{font-size:10px;color:#b5bac1}.preview-message-text{font-size:14px;color:#b5bac1;line-height:1.5}.preview-hint{text-align:center;font-size:12px;color:rgba(181,186,193,0.6);margin-top:16px}.security-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,0.05)}.security-item:last-child{border-bottom:none}.security-item-info h4{font-size:14px;font-weight:500;color:white;margin-bottom:4px}.security-item-info p{font-size:12px;color:#b5bac1;margin:0}.security-item-info .enabled{color:#22c55e;display:flex;align-items:center;gap:4px}.security-item-info .disabled{color:#b5bac1;display:flex;align-items:center;gap:4px}.danger-zone-redesign{background:rgba(239,68,68,0.05);border:1px solid rgba(239,68,68,0.2);border-radius:16px;padding:24px;backdrop-filter:blur(8px)}.danger-zone-redesign .settings-section-title-redesign{color:#ef4444}.danger-zone-redesign .settings-section-title-redesign i{color:#ef4444}.danger-zone-btn{width:100%;text-align:left;padding:12px 16px;border-radius:8px;color:#ef4444;font-size:14px;font-weight:500;background:transparent;border:1px solid transparent;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:space-between}.danger-zone-btn:hover{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.2)}.danger-zone-btn i{opacity:0;transition:opacity 0.2s ease}.danger-zone-btn:hover i{opacity:1}.toggle-redesign{position:relative;width:44px;height:24px;display:inline-block}.toggle-redesign input{opacity:0;width:0;height:0}.toggle-redesign-slider{position:absolute;cursor:pointer;inset:0;background:#374151;border-radius:24px;transition:all 0.3s ease}.toggle-redesign-slider::before{content:'';position:absolute;height:20px;width:20px;left:2px;bottom:2px;background:white;border-radius:50%;transition:all 0.3s ease}.toggle-redesign input:checked + .toggle-redesign-slider{background:var(--accent-color,#a3ea30)}.toggle-redesign input:checked + .toggle-redesign-slider::before{transform:translateX(20px)}@media (max-width:1024px){.settings-two-col{grid-template-columns:1fr}.settings-form-grid{grid-template-columns:1fr}.settings-form-group.full-width{grid-column:span 1}}@media (max-width:768px){.settings-fullscreen{flex-direction:column}.settings-sidebar-redesign{width:100%;min-width:100%;height:auto;max-height:none;border-right:none;border-bottom:1px solid #2a303e}.settings-nav-redesign{display:flex;flex-direction:row;overflow-x:auto;padding:8px;gap:4px}.settings-nav-section{display:flex;gap:4px;margin-bottom:0}.settings-nav-section-title{display:none}.settings-nav-item{padding:8px 12px;white-space:nowrap;font-size:13px}.settings-nav-logout{border-top:none;border-left:1px solid rgba(42,48,62,0.5);padding:8px}.settings-content-area{padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.profile-info-redesign{flex-direction:column;align-items:flex-start;padding:0 16px 24px}.profile-avatar-redesign{width:96px;height:96px}.profile-name-redesign{font-size:22px}.settings-close-btn-redesign{top:12px;right:12px}}.otp-input-redesign{width:48px;height:56px;background:#1c212c;border:1px solid #2a303e;border-radius:12px;text-align:center;font-size:20px;font-weight:700;color:white;transition:all 0.2s ease;outline:none}.otp-input-redesign:focus{border-color:var(--accent-color,#a3ea30);box-shadow:0 0 15px var(--hover-accent,rgba(163,234,48,0.15))}.otp-input-redesign::placeholder{color:rgba(181,186,193,0.2)}.range-redesign{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#1c212c;border-radius:6px;outline:none;cursor:pointer}.range-redesign::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent-color,#a3ea30);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px var(--shadow-color,rgba(163,234,48,0.4));transition:all 0.2s ease}.range-redesign::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px var(--shadow-color,rgba(163,234,48,0.5))}.range-redesign::-moz-range-thumb{width:18px;height:18px;background:var(--accent-color,#a3ea30);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px var(--shadow-color,rgba(163,234,48,0.4))}.hotkey-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#141820;border:1px solid #2a303e;border-radius:12px;transition:all 0.2s ease}.hotkey-item:hover{border-color:rgba(163,234,48,0.3);background:rgba(163,234,48,0.05)}.hotkey-chip{background:var(--input-bg,#1c212c);border:1px solid var(--border-color,#2a303e);padding:6px 12px;border-radius:8px;font-family:monospace;font-size:12px;color:var(--accent-color,#a3ea30);font-weight:500}.btn-sec-redesign{background:rgba(255,255,255,0.05);border:1px solid #2a303e;color:#b5bac1;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:8px}.btn-sec-redesign:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:white}.card-redesign{background:#141820;border:1px solid #2a303e;border-radius:16px;padding:24px;position:relative;overflow:hidden}.card-redesign::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a3ea30 0%,#a855f7 100%);opacity:0;transition:opacity 0.3s ease}.card-redesign:hover::before{opacity:1}.card-redesign-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.card-redesign-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.card-redesign-icon.blue{background:rgba(59,130,246,0.15);color:#3b82f6}.card-redesign-icon.green{background:rgba(34,197,94,0.15);color:#22c55e}.card-redesign-icon.purple{background:rgba(168,85,247,0.15);color:#a855f7}.card-redesign-icon.orange{background:rgba(249,115,22,0.15);color:#f97316}.card-redesign-icon.red{background:rgba(239,68,68,0.15);color:#ef4444}.card-redesign-icon.cyan{background:rgba(6,182,212,0.15);color:#06b6d4}.card-redesign-icon.pink{background:rgba(236,72,153,0.15);color:#ec4899}.card-redesign-icon.amber{background:rgba(245,158,11,0.15);color:#f59e0b}.card-redesign-icon.indigo{background:rgba(99,102,241,0.15);color:#6366f1}.card-redesign-title{font-size:16px;font-weight:600;color:white;margin-bottom:4px}.card-redesign-desc{font-size:12px;color:#b5bac1}.language-card{display:flex;align-items:center;gap:16px;padding:16px;background:#141820;border:1px solid #2a303e;border-radius:12px;cursor:pointer;transition:all 0.2s ease}.language-card:hover{border-color:var(--hover-accent,rgba(163,234,48,0.3));background:var(--hover-accent,rgba(163,234,48,0.05))}.language-card.active{border-color:var(--accent-color,#a3ea30);background:var(--selected-bg,rgba(163,234,48,0.1))}.language-card-flag{font-size:28px}.language-card-info{flex:1}.language-card-name{font-size:14px;font-weight:500;color:white}.language-card-native{font-size:12px;color:#b5bac1}.language-card-check{width:24px;height:24px;border-radius:50%;background:var(--accent-color,#a3ea30);display:flex;align-items:center;justify-content:center;color:var(--bg-primary,#0b0e11);opacity:0;transition:opacity 0.2s ease}.language-card.active .language-card-check{opacity:1}.keybind-btn-redesign{background:#1c212c;border:1px solid #2a303e;padding:8px 16px;border-radius:8px;font-family:monospace;font-size:12px;color:#b5bac1;cursor:pointer;transition:all 0.2s ease;min-width:100px;text-align:center}.keybind-btn-redesign:hover{border-color:var(--accent-color,#a3ea30);color:var(--accent-color,#a3ea30)}.keybind-btn-redesign.recording{border-color:var(--warning-color,#f59e0b);color:var(--warning-color,#f59e0b);animation:pulse-border 1s infinite}@keyframes pulse-border{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,0.4)}50%{box-shadow:0 0 0 4px rgba(245,158,11,0.2)}}.btn-modern{background:var(--accent-color,#a3ea30);color:var(--bg-primary,#0b0e11);padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:8px;border:none;box-shadow:0 4px 20px -5px var(--shadow-color,rgba(163,234,48,0.4))}.btn-modern:hover{background:var(--accent-hover,#8fd41a);box-shadow:0 6px 25px -5px var(--shadow-color,rgba(163,234,48,0.6));transform:translateY(-2px)}.btn-modern:active{transform:translateY(0);box-shadow:0 2px 10px -5px rgba(163,234,48,0.4)}.btn-modern:disabled{opacity:0.5;cursor:not-allowed;transform:none}#publicServersView{background:linear-gradient(180deg,#0b0e11 0%,#0f1218 100%);scroll-behavior:smooth}.public-servers-hero{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:40px 24px}.hero-background{position:absolute;inset:0;z-index:0}.hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(163,234,48,0.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 50%,rgba(168,85,247,0.1) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 20% 80%,rgba(59,130,246,0.08) 0%,transparent 50%)}.hero-particles{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(163,234,48,0.3) 0%,transparent 100%),radial-gradient(2px 2px at 80% 20%,rgba(168,85,247,0.3) 0%,transparent 100%),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,0.2) 0%,transparent 100%),radial-gradient(1px 1px at 60% 50%,rgba(255,255,255,0.15) 0%,transparent 100%),radial-gradient(2px 2px at 90% 80%,rgba(59,130,246,0.25) 0%,transparent 100%);animation:particleFloat 20s ease-in-out infinite}@keyframes particleFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(1deg)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:700px}.hero-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,var(--selected-bg,rgba(163,234,48,0.2)) 0%,rgba(168,85,247,0.2) 100%);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--accent-color,#a3ea30);box-shadow:0 0 40px var(--hover-accent,rgba(163,234,48,0.2)),inset 0 0 20px var(--hover-accent,rgba(163,234,48,0.1));animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,100%{transform:scale(1);box-shadow:0 0 40px rgba(163,234,48,0.2)}50%{transform:scale(1.05);box-shadow:0 0 60px rgba(163,234,48,0.3)}}.hero-title{font-size:36px;font-weight:800;color:white;margin-bottom:12px;letter-spacing:-0.02em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:16px;color:#b5bac1;margin-bottom:32px;line-height:1.6}.hero-search{position:relative;max-width:500px;margin:0 auto 24px}.hero-search i.fa-search{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:18px;transition:color 0.3s ease}.hero-search input{width:100%;padding:16px 50px 16px 52px;background:rgba(20,24,32,0.8);border:2px solid #2a303e;border-radius:16px;font-size:16px;color:white;transition:all 0.3s ease;backdrop-filter:blur(10px)}.hero-search input::placeholder{color:#6b7280}.hero-search input:focus{outline:none;border-color:var(--accent-color,#a3ea30);box-shadow:0 0 30px var(--hover-accent,rgba(163,234,48,0.15))}.hero-search input:focus + .fa-search,.hero-search:focus-within i.fa-search{color:var(--accent-color,#a3ea30)}.hero-search .search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.1);border:none;width:28px;height:28px;border-radius:8px;color:#b5bac1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.hero-search .search-clear:hover{background:rgba(239,68,68,0.2);color:#ef4444}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.hero-tag{padding:10px 18px;background:rgba(255,255,255,0.05);border:1px solid #2a303e;border-radius:12px;color:#b5bac1;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:8px}.hero-tag:hover{background:var(--selected-bg,rgba(163,234,48,0.1));border-color:var(--hover-accent,rgba(163,234,48,0.3));color:var(--accent-color,#a3ea30);transform:translateY(-2px)}.hero-tag i{font-size:14px}.public-servers-content{padding:0 24px 40px;max-width:1400px;margin:0 auto}.servers-stats{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}.stat-card{flex:1;min-width:150px;background:linear-gradient(135deg,rgba(20,24,32,0.8) 0%,rgba(15,18,24,0.8) 100%);border:1px solid #2a303e;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:all 0.3s ease}.stat-card:hover{border-color:rgba(163,234,48,0.3);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,0.3)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-card:nth-child(1) .stat-icon{background:var(--selected-bg,rgba(163,234,48,0.15));color:var(--accent-color,#a3ea30)}.stat-card:nth-child(2) .stat-icon{background:rgba(59,130,246,0.15);color:var(--info-color,#3b82f6)}.stat-card:nth-child(3) .stat-icon{background:rgba(249,115,22,0.15);color:var(--warning-color,#f97316)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:white}.stat-label{font-size:13px;color:#6b7280}.servers-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-title{font-size:20px;font-weight:700;color:white;display:flex;align-items:center;gap:10px}.section-title i{font-size:18px}.servers-count{font-size:14px;color:#6b7280}.servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.server-card{position:relative;background:#141820;border:1px solid #2a303e;border-radius:20px;overflow:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);cursor:pointer}.server-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a3ea30 0%,#a855f7 100%);opacity:0;transition:opacity 0.3s ease}.server-card:hover{transform:translateY(-8px);border-color:rgba(163,234,48,0.4);box-shadow:0 20px 40px rgba(0,0,0,0.4),0 0 40px rgba(163,234,48,0.1)}.server-card:hover::before{opacity:1}.server-card-banner{position:relative;height:120px;background:linear-gradient(135deg,#1c212c 0%,#2a303e 100%)}.server-card-banner img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.server-card:hover .server-card-banner img{transform:scale(1.05)}.server-card-banner::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,#141820 0%,transparent 100%);z-index:1;pointer-events:none}.server-card-icon{position:absolute;bottom:-32px;left:20px;width:64px;height:64px;border-radius:16px;background:var(--input-bg,#1c212c);border:4px solid var(--bg-primary,#141820);overflow:hidden;z-index:10;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--accent-color,#a3ea30);box-shadow:0 4px 20px var(--shadow-color,rgba(0,0,0,0.3));transition:all 0.3s ease}.server-card:hover .server-card-icon{transform:scale(1.1);box-shadow:0 8px 30px var(--hover-accent,rgba(163,234,48,0.2))}.server-card-icon img{width:100%;height:100%;object-fit:cover}.server-verified{position:absolute;bottom:-8px;right:-4px;width:24px;height:24px;background:var(--accent-color,#a3ea30);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--bg-primary,#0b0e11);font-size:12px;border:3px solid var(--bg-primary,#141820)}.server-card-info{padding:40px 20px 20px}.server-card-name{font-size:18px;font-weight:700;color:white;margin-bottom:8px;display:flex;align-items:center;gap:8px}.server-card-name .verified-icon{color:var(--accent-color,#a3ea30);font-size:14px}.server-card-desc{font-size:14px;color:#9ca3af;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.server-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.server-tag{padding:4px 10px;background:var(--selected-bg,rgba(163,234,48,0.1));border-radius:6px;font-size:11px;font-weight:600;color:var(--accent-color,#a3ea30);text-transform:uppercase;letter-spacing:0.5px}.server-tag.gaming{background:rgba(139,92,246,0.15);color:var(--purple-hover,#8b5cf6)}.server-tag.music{background:rgba(236,72,153,0.15);color:#ec4899}.server-tag.education{background:rgba(59,130,246,0.15);color:var(--info-color,#3b82f6)}.server-tag.community{background:rgba(34,197,94,0.15);color:var(--success-color,#22c55e)}.server-card-stats{display:flex;align-items:center;gap:16px;padding-top:16px;border-top:1px solid #2a303e}.server-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.server-stat i{font-size:12px}.server-stat.online{color:#22c55e}.server-stat.online i{color:#22c55e}.server-card-join{position:absolute;top:16px;right:16px;padding:8px 16px;background:rgba(163,234,48,0.9);border:none;border-radius:10px;color:#0b0e11;font-size:13px;font-weight:600;cursor:pointer;opacity:0;transform:translateY(-10px);transition:all 0.3s ease;z-index:3}.server-card:hover .server-card-join{opacity:1;transform:translateY(0)}.server-card-join:hover{background:#8fd41a;box-shadow:0 4px 20px rgba(163,234,48,0.4)}.server-card-skeleton{background:#141820;border:1px solid #2a303e;border-radius:20px;overflow:hidden;animation:skeletonPulse 1.5s ease-in-out infinite}.server-card-skeleton::before{content:'';display:block;height:120px;background:linear-gradient(90deg,#1c212c 0%,#2a303e 50%,#1c212c 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}.server-card-skeleton::after{content:'';display:block;height:140px;padding:20px;background:linear-gradient(#2a303e 20px,transparent 0) 20px 40px,linear-gradient(#2a303e 14px,transparent 0) 20px 70px,linear-gradient(#2a303e 14px,transparent 0) 20px 90px;background-repeat:no-repeat;background-size:60% 20px,80% 14px,40% 14px}@keyframes skeletonPulse{0%,100%{opacity:1}50%{opacity:0.7}}@keyframes skeletonShimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.no-servers-state{text-align:center;padding:60px 20px}.no-servers-illustration{width:120px;height:120px;margin:0 auto 24px;background:rgba(107,114,128,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#4b5563}.no-servers-state h3{font-size:20px;font-weight:600;color:white;margin-bottom:8px}.no-servers-state p{font-size:14px;color:#6b7280;margin-bottom:24px}.btn-create-own{padding:12px 24px;background:linear-gradient(135deg,#a3ea30 0%,#8fd41a 100%);border:none;border-radius:12px;color:#0b0e11;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s ease}.btn-create-own:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(163,234,48,0.3)}.load-more-container{text-align:center;padding:32px 0}.load-more-btn{padding:14px 32px;background:rgba(255,255,255,0.05);border:1px solid #2a303e;border-radius:12px;color:#b5bac1;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all 0.3s ease}.load-more-btn:hover{background:rgba(163,234,48,0.1);border-color:rgba(163,234,48,0.3);color:#a3ea30}@media (max-width:768px){.public-servers-hero{min-height:280px;padding:32px 16px}.hero-icon{width:64px;height:64px;font-size:28px;margin-bottom:20px}.hero-title{font-size:26px}.hero-subtitle{font-size:14px;margin-bottom:24px}.hero-search input{padding:14px 44px 14px 48px;font-size:15px}.hero-tags{gap:8px}.hero-tag{padding:8px 14px;font-size:13px}.public-servers-content{padding:0 16px 32px}.servers-stats{gap:12px}.stat-card{min-width:calc(50% - 6px);padding:16px}.stat-card:nth-child(3){display:none}.servers-grid{grid-template-columns:1fr;gap:16px}.server-card-banner{height:100px}.server-card-icon{width:56px;height:56px;bottom:-28px}.server-card-info{padding:36px 16px 16px}.server-card-join{opacity:1;transform:translateY(0)}}.server-preview-modal{background:#141820;border-radius:20px;width:100%;max-width:440px;box-shadow:0 25px 50px rgba(0,0,0,0.5);animation:modalSlideUp 0.3s cubic-bezier(0.16,1,0.3,1)}@keyframes modalSlideUp{from{opacity:0;transform:translateY(20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.server-preview-banner{height:140px;position:relative;border-radius:20px 20px 0 0;overflow:hidden}.server-preview-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:rgba(0,0,0,0.5);border:none;border-radius:50%;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;z-index:5}.server-preview-close:hover{background:rgba(239,68,68,0.8);transform:rotate(90deg)}.server-preview-content{padding:0 24px 24px;text-align:center}.server-preview-icon{width:80px;height:80px;margin:-40px auto 16px;background:#1c212c;border:6px solid #141820;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#a3ea30;overflow:hidden;position:relative;z-index:10}.server-preview-icon img{width:100%;height:100%;object-fit:cover}.server-preview-name{font-size:24px;font-weight:700;color:white;margin-bottom:8px}.server-preview-desc{font-size:14px;color:#9ca3af;line-height:1.6;margin-bottom:20px}.server-preview-stats{display:flex;justify-content:center;gap:32px;margin-bottom:20px}.preview-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.preview-stat i{font-size:14px;color:#6b7280}.preview-stat span{font-size:20px;font-weight:700;color:white}.preview-stat label{font-size:12px;color:#6b7280}.preview-stat.online i,.preview-stat.online span{color:#22c55e}.server-preview-owner{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#9ca3af;margin-bottom:24px}.server-preview-owner i{color:#fbbf24}.server-preview-join-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#a3ea30 0%,#8fd41a 100%);border:none;border-radius:12px;color:#0b0e11;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all 0.3s ease}.server-preview-join-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(163,234,48,0.3)}.server-preview-join-btn:active{transform:translateY(0)}.profile-modal-modern{width:100%;max-width:420px;max-height:90vh;background:var(--bg-primary,#101122);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp 0.3s cubic-bezier(0.16,1,0.3,1);box-shadow:0 25px 50px -12px rgba(0,0,0,0.5)}@keyframes modalSlideUp{from{opacity:0;transform:translateY(20px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:rgba(255,255,255,0.02);border-bottom:1px solid rgba(255,255,255,0.05);backdrop-filter:blur(20px);position:sticky;top:0;z-index:10}.profile-modal-back{width:40px;height:40px;border-radius:12px;background:transparent;border:none;color:var(--text-secondary,#b5bac1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.profile-modal-back:hover{background:rgba(255,255,255,0.1);color:var(--text-primary,#fff)}.profile-modal-header-title{font-size:16px;font-weight:600;color:var(--text-primary,#fff)}.profile-modal-header-actions{display:flex;gap:8px}.profile-modal-action-btn{width:40px;height:40px;border-radius:12px;background:transparent;border:none;color:var(--text-secondary,#b5bac1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.profile-modal-action-btn:hover{background:rgba(255,255,255,0.1);color:var(--text-primary,#fff)}.profile-modal-hero{display:flex;flex-direction:column;align-items:center;padding:24px 20px;text-align:center;position:relative;margin-top:-50px;z-index:2}.profile-modal-banner{width:100%;height:120px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;overflow:hidden;border-radius:12px 12px 0 0}.profile-modal-banner img{width:100%;height:100%;object-fit:cover}.profile-modal-banner-gradient{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,var(--bg-secondary,#1a1b1e) 0%,transparent 100%);pointer-events:none}.profile-modal-avatar-wrap{position:relative;margin-bottom:16px}.profile-modal-avatar-container{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--bg-primary,#101122);box-shadow:0 0 30px rgba(163,234,48,0.2);transition:transform 0.3s ease}.profile-modal-avatar-container:hover{transform:scale(1.05)}.profile-modal-avatar{width:100%;height:100%;object-fit:cover}.profile-modal-status-dot{position:absolute;bottom:4px;right:4px;width:24px;height:24px;border-radius:50%;background:var(--status-online,#22c55e);border:4px solid var(--bg-primary,#101122)}.profile-modal-status-dot.online{background:var(--status-online,#22c55e)}.profile-modal-status-dot.away{background:var(--status-away,#f0b232)}.profile-modal-status-dot.busy{background:var(--status-busy,#f23f43)}.profile-modal-status-dot.offline{background:var(--status-offline,#80848e)}.profile-modal-user-info{margin-bottom:12px}.profile-modal-name{font-size:24px;font-weight:700;color:var(--text-primary,#fff);margin:0 0 4px 0;letter-spacing:-0.02em}.profile-modal-username{font-size:15px;color:var(--text-muted,#6b7280);margin:0}.profile-modal-activity{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(163,234,48,0.1);border:1px solid rgba(163,234,48,0.2);border-radius:20px;font-size:14px;color:var(--accent-color,#a3ea30)}.profile-modal-activity i{font-size:14px}.profile-modal-roles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.profile-modal-role{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;font-size:13px;color:var(--text-secondary,#b5bac1)}.profile-modal-role-dot{width:10px;height:10px;border-radius:50%}.profile-modal-actions{display:flex;gap:12px;padding:0 20px 20px}.profile-modal-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s ease;border:none}.profile-modal-btn-primary{background:var(--accent-color,#a3ea30);color:#0b0e11;box-shadow:0 4px 20px rgba(163,234,48,0.3)}.profile-modal-btn-primary:hover{background:var(--accent-hover,#8fd41a);transform:translateY(-2px);box-shadow:0 6px 25px rgba(163,234,48,0.4)}.profile-modal-btn-secondary{background:rgba(255,255,255,0.05);color:var(--text-primary,#fff);border:1px solid rgba(255,255,255,0.1)}.profile-modal-btn-secondary:hover{background:rgba(255,255,255,0.1);border-color:rgba(163,234,48,0.3)}.profile-modal-btn-icon{flex:0 0 52px;width:52px;height:52px;padding:0;background:rgba(255,255,255,0.05);color:var(--text-primary,#fff);border:1px solid rgba(255,255,255,0.1)}.profile-modal-btn-icon:hover{background:rgba(255,255,255,0.1);border-color:rgba(163,234,48,0.3)}.profile-modal-details{flex:1;overflow-y:auto;background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.05);border-radius:24px 24px 0 0;padding:20px}.profile-modal-section{margin-bottom:20px}.profile-modal-section-title{font-size:13px;font-weight:700;color:var(--text-muted,#6b7280);text-transform:uppercase;letter-spacing:0.05em;margin:0 0 12px 0}.profile-modal-section-content{font-size:15px;color:var(--text-secondary,#b5bac1);line-height:1.6;margin:0}.profile-modal-divider{height:1px;background:rgba(255,255,255,0.05);margin:16px 0}.profile-modal-list{display:flex;flex-direction:column;gap:4px}.profile-modal-list-item{display:flex;align-items:center;gap:16px;padding:14px 16px;background:rgba(255,255,255,0.03);border:none;border-radius:14px;cursor:pointer;transition:all 0.2s ease;text-align:left;width:100%}.profile-modal-list-item:hover{background:rgba(255,255,255,0.06)}.profile-modal-list-icon{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;color:var(--text-muted,#6b7280);font-size:18px;transition:all 0.2s ease}.profile-modal-list-item:hover .profile-modal-list-icon{background:rgba(163,234,48,0.1);color:var(--accent-color,#a3ea30)}.profile-modal-list-content{flex:1;min-width:0}.profile-modal-list-label{font-size:12px;color:var(--text-muted,#6b7280);margin:0 0 2px 0;text-transform:uppercase;letter-spacing:0.03em;font-weight:600}.profile-modal-list-value{font-size:15px;color:var(--text-primary,#fff);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-modal-list-arrow{color:var(--text-muted,#6b7280);font-size:14px}.profile-modal-danger-zone{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.05)}.profile-modal-danger-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:transparent;border:none;border-radius:14px;color:#ef4444;font-size:15px;font-weight:500;cursor:pointer;transition:all 0.2s ease;text-align:left}.profile-modal-danger-btn:hover{background:rgba(239,68,68,0.1)}.profile-modal-danger-btn i{font-size:18px}.profile-modal-mod-actions{margin-top:20px;padding:16px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:16px}.profile-modal-mod-buttons{display:flex;gap:8px;flex-wrap:wrap}.profile-modal-mod-btn{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:var(--text-secondary,#b5bac1);font-size:12px;font-weight:500;cursor:pointer;transition:all 0.2s ease}.profile-modal-mod-btn:hover{background:rgba(255,255,255,0.1);color:var(--text-primary,#fff)}.profile-modal-mod-btn i{font-size:18px}.profile-modal-mod-btn-danger{color:#ef4444;border-color:rgba(239,68,68,0.2)}.profile-modal-mod-btn-danger:hover{background:rgba(239,68,68,0.1);color:#ef4444}.server-profile-modal{width:100%;max-width:440px;max-height:90vh;background:var(--bg-secondary,#1a1b1e);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5)}.server-profile-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:rgba(255,255,255,0.02);border-bottom:1px solid rgba(255,255,255,0.05);position:relative;z-index:10}.server-profile-close{width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,0.4);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.server-profile-close:hover{background:rgba(0,0,0,0.6)}.server-profile-title{font-size:16px;font-weight:600;color:var(--text-primary,#fff)}.server-profile-banner{width:100%;height:120px;background:linear-gradient(135deg,#5865f2 0%,#9b59b6 100%);position:relative;overflow:hidden}.server-profile-banner img{width:100%;height:100%;object-fit:cover}.server-profile-banner-gradient{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,var(--bg-secondary,#1a1b1e) 0%,transparent 100%);pointer-events:none}.server-profile-info{padding:0 20px;margin-top:-40px;position:relative;z-index:5}.server-profile-avatar-section{display:flex;justify-content:center;margin-bottom:16px}.server-profile-avatar-container{position:relative}.server-profile-avatar{width:100px;height:100px;border-radius:50%;border:5px solid var(--bg-secondary,#1a1b1e);object-fit:cover;background:var(--bg-tertiary,#2b2d31)}.server-profile-status{position:absolute;bottom:4px;right:4px}.server-profile-status-dot{width:24px;height:24px;border-radius:50%;background:var(--status-offline,#80848e);border:4px solid var(--bg-secondary,#1a1b1e)}.server-profile-status-dot.online{background:var(--status-online,#22c55e)}.server-profile-status-dot.away{background:var(--status-away,#f0b232)}.server-profile-status-dot.busy{background:var(--status-busy,#f23f43)}.server-profile-status-dot.offline{background:var(--status-offline,#80848e)}.server-profile-badges{position:absolute;top:0;right:-8px;display:flex;flex-direction:column;gap:4px}.server-profile-badge{width:24px;height:24px;border-radius:50%;background:var(--accent-color,#5865f2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.server-profile-user-info{text-align:center;margin-bottom:16px}.server-profile-names{margin-bottom:8px}.server-profile-display-name{font-size:22px;font-weight:700;color:var(--text-primary,#fff);margin:0 0 4px 0}.server-profile-username{font-size:14px;color:var(--text-muted,#6b7280);margin:0}.server-profile-activity{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;background:rgba(88,101,242,0.1);border:1px solid rgba(88,101,242,0.2);border-radius:12px}.server-profile-activity-icon{color:var(--accent-color,#5865f2);font-size:16px}.server-profile-activity-text{text-align:left}.server-profile-activity-name{font-size:14px;font-weight:600;color:var(--text-primary,#fff)}.server-profile-activity-details{font-size:12px;color:var(--text-muted,#6b7280)}.server-profile-actions{display:flex;gap:8px;padding:16px 20px}.server-profile-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease;border:none}.server-profile-btn-primary{flex:1;background:var(--accent-color,#5865f2);color:#fff}.server-profile-btn-primary:hover{background:var(--accent-hover,#4752c4)}.server-profile-btn-secondary{width:44px;height:44px;padding:0;background:var(--bg-tertiary,#2b2d31);color:var(--text-primary,#fff)}.server-profile-btn-secondary:hover{background:var(--bg-modifier-hover,#35373c)}.server-profile-content{flex:1;overflow-y:auto;padding:0 20px 20px}.server-profile-section{margin-bottom:20px}.server-profile-section-title{font-size:12px;font-weight:700;color:var(--text-muted,#6b7280);text-transform:uppercase;letter-spacing:0.05em;margin:0 0 12px 0}.server-profile-section-content{background:var(--bg-tertiary,#2b2d31);border-radius:12px;padding:12px 16px}.server-profile-bio{font-size:14px;color:var(--text-secondary,#b5bac1);line-height:1.5;margin:0}.server-profile-info-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.05)}.server-profile-info-item:last-child{border-bottom:none}.server-profile-info-icon{width:36px;height:36px;border-radius:8px;background:rgba(88,101,242,0.1);color:var(--accent-color,#5865f2);display:flex;align-items:center;justify-content:center;font-size:14px}.server-profile-info-text{flex:1}.server-profile-info-label{font-size:12px;color:var(--text-muted,#6b7280);margin-bottom:2px}.server-profile-info-value{font-size:14px;color:var(--text-primary,#fff)}.server-profile-roles-list{display:flex;flex-wrap:wrap;gap:6px}.server-profile-role{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-secondary,#1a1b1e);border-radius:6px;font-size:13px}.server-profile-role-dot{width:10px;height:10px;border-radius:50%}.server-profile-role-name{color:var(--text-primary,#fff)}.server-profile-mod-actions{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.05)}.server-profile-mod-title{font-size:12px;font-weight:700;color:#f0b232;text-transform:uppercase;letter-spacing:0.05em;margin:0 0 12px 0;display:flex;align-items:center;gap:8px}.server-profile-mod-buttons{display:flex;flex-wrap:wrap;gap:8px}.server-profile-mod-btn{flex:1;min-width:80px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--bg-tertiary,#2b2d31);border:none;border-radius:10px;color:var(--text-secondary,#b5bac1);font-size:11px;font-weight:500;cursor:pointer;transition:all 0.2s ease}.server-profile-mod-btn:hover{background:var(--bg-modifier-hover,#35373c);color:var(--text-primary,#fff)}.server-profile-mod-btn i{font-size:16px}.server-profile-mod-btn-danger{color:#ed4245}.server-profile-mod-btn-danger:hover{background:rgba(237,66,69,0.1);color:#ed4245}.server-profile-achievements-progress{display:flex;align-items:center;gap:12px;margin-bottom:12px}.server-profile-achievements-progress-bar{flex:1;height:6px;background:var(--bg-tertiary,#2b2d31);border-radius:3px;overflow:hidden}.server-profile-achievements-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:3px;transition:width 0.3s ease}.server-profile-achievements-xp{font-size:12px;font-weight:600;color:#f59e0b;white-space:nowrap}.server-profile-achievements-grid{display:flex;flex-wrap:wrap;gap:8px}.server-profile-achievement{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all 0.2s ease;cursor:pointer}.server-profile-achievement.locked{background:var(--bg-tertiary,#2b2d31);color:var(--text-muted,#72767d);opacity:0.5}.server-profile-achievement.unlocked{background:linear-gradient(135deg,var(--ach-bg,#6b7280),var(--ach-border,#4b5563));color:white;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.server-profile-achievement.unlocked:hover{transform:scale(1.1)}.server-profile-view-all-btn{width:100%;margin-top:12px;padding:10px;background:var(--bg-tertiary,#2b2d31);border:none;border-radius:8px;color:var(--text-secondary,#b5bac1);font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s ease}.server-profile-view-all-btn:hover{background:var(--bg-modifier-hover,#35373c);color:var(--text-primary,#fff)}.main-menu-modern{width:100%;max-width:420px;max-height:90vh;background:var(--bg-primary);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp 0.3s cubic-bezier(0.16,1,0.3,1);box-shadow:0 25px 50px -12px var(--shadow-color)}.main-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.main-menu-header-title{font-size:16px;font-weight:600;color:var(--text-primary)}.main-menu-hero{display:flex;flex-direction:column;align-items:center;padding:32px 20px 24px;text-align:center}.main-menu-logo{width:72px;height:72px;border-radius:20px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--text-primary);margin-bottom:16px;box-shadow:0 10px 30px rgba(var(--accent-color-rgb,163,234,48),0.3)}.main-menu-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px 0}.main-menu-subtitle{font-size:15px;color:var(--text-muted);margin:0}.main-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px 20px}.main-menu-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all 0.2s ease}.main-menu-card:hover{background:var(--bg-tertiary);border-color:var(--accent-color);transform:translateY(-2px)}.main-menu-card:active{transform:scale(0.98)}.main-menu-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-primary)}.main-menu-card-label{font-size:14px;font-weight:600;color:var(--text-primary)}.main-menu-list{display:flex;flex-direction:column;gap:4px;padding:0 20px 20px}.main-menu-list-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-secondary);border:none;border-radius:14px;cursor:pointer;transition:all 0.2s ease;text-align:left;width:100%;color:var(--text-primary);font-size:15px;font-weight:500}.main-menu-list-item:hover{background:var(--bg-tertiary)}.main-menu-list-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-primary)}.main-menu-list-arrow{margin-left:auto;color:var(--text-muted);font-size:14px}.main-menu-hints{padding:16px 20px 24px;text-align:center}.main-menu-hints p{font-size:13px;color:var(--text-muted);margin:4px 0}@media (max-width:480px){.profile-modal-modern,.main-menu-modern{max-width:100%;max-height:100vh;border-radius:0}.profile-modal-avatar-container{width:100px;height:100px}.profile-modal-name{font-size:22px}.profile-modal-actions{flex-wrap:wrap}.profile-modal-btn{min-width:calc(50% - 6px)}.main-menu-grid{gap:10px}.main-menu-card{padding:16px 12px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:2;pointer-events:none}.input-with-icon input,.input-with-icon .input-modern{padding-left:44px !important;width:100%}.input-modern,.input-with-icon input{-webkit-appearance:none;appearance:none;background-clip:padding-box}.input-modern::placeholder{color:var(--text-muted,#b5bac1);opacity:0.5}.input-modern:focus,.input-with-icon input:focus{outline:none;-webkit-tap-highlight-color:transparent}}.context-menu,.dropdown-menu{position:fixed !important;z-index:999999 !important;min-width:200px !important;max-width:320px !important;padding:8px !important;background:#111214 !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:8px !important;box-shadow:0 8px 24px rgba(0,0,0,0.4) !important}.context-menu-item,.dropdown-menu .dropdown-item{display:flex !important;align-items:center !important;gap:10px !important;padding:8px 12px !important;margin:2px 0 !important;background:transparent !important;border:none !important;border-radius:4px !important;color:#dbdee1 !important;font-size:14px !important;cursor:pointer !important;width:100% !important}.context-menu-item:hover,.dropdown-menu .dropdown-item:hover{background:#5865f2 !important;color:#fff !important}.context-menu-item.danger{color:#ed4245 !important}.context-menu-item.danger:hover{background:#ed4245 !important;color:#fff !important}.context-menu-separator{height:1px !important;background:#3f4147 !important;margin:4px 0 !important}.server-header,.channel-header,#chatHeader,.header-container,.server-info,.channel-info{overflow:visible !important;position:relative !important}*:has(#serverMenuBtn),.server-header-actions,.channel-header-actions,.header-actions{overflow:visible !important;position:relative !important}.btn-sec.active{background:rgba(88,101,242,0.16) !important;border-color:#5865f2 !important;color:#ffffff !important}.status-indicator,.user-status-indicator,.dm-status-indicator{position:absolute !important;bottom:-2px !important;right:-2px !important;width:12px !important;height:12px !important;border-radius:50% !important;border:2px solid var(--bg-primary) !important;z-index:10 !important;background:#6b7280 !important}.status-indicator.online,.user-status-indicator.online,.dm-status-indicator.online{background:#23a55a !important}.status-indicator.idle,.user-status-indicator.idle,.dm-status-indicator.idle{background:#f0b90b !important}.status-indicator.dnd,.user-status-indicator.dnd,.dm-status-indicator.dnd{background:#f23f43 !important}.status-indicator.offline,.user-status-indicator.offline,.dm-status-indicator.offline{background:#80848e !important}#contactsList,#serversList,#membersList{padding:20px !important;background:linear-gradient(135deg,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.08) 100%) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;border-radius:24px !important;margin:12px !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 8px 32px rgba(0,0,0,0.3) !important}#contactsList > div,#serversList > div,#membersList .member-item,.user-list-item{display:flex !important;align-items:center !important;gap:16px !important;padding:16px 20px !important;margin-bottom:12px !important;border-radius:20px !important;background:linear-gradient(135deg,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.06) 100%) !important;backdrop-filter:blur(25px) !important;-webkit-backdrop-filter:blur(25px) !important;border:1px solid rgba(255,255,255,0.15) !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;cursor:pointer !important;min-height:72px !important;position:relative !important;overflow:hidden !important;box-shadow:0 4px 20px rgba(0,0,0,0.15) !important}#contactsList > div::before,#serversList > div::before,#membersList .member-item::before,.user-list-item::before{content:'' !important;position:absolute !important;inset:0 !important;background:linear-gradient(135deg,rgba(163,234,48,0.2) 0%,rgba(99,102,241,0.15) 50%,rgba(168,85,247,0.1) 100%) !important;opacity:0 !important;transition:opacity 0.4s ease !important;border-radius:20px !important;z-index:1 !important}#contactsList > div:hover::before,#serversList > div:hover::before,#membersList .member-item:hover::before,.user-list-item:hover::before{opacity:1 !important}#contactsList > div:hover,#serversList > div:hover,#membersList .member-item:hover,.user-list-item:hover{transform:translateY(-4px) scale(1.02) !important;box-shadow:0 12px 40px rgba(163,234,48,0.25),0 0 60px rgba(163,234,48,0.1) !important;border-color:rgba(163,234,48,0.4) !important;background:linear-gradient(135deg,rgba(255,255,255,0.18) 0%,rgba(255,255,255,0.1) 100%) !important}#contactsList > div:active,#serversList > div:active,#membersList .member-item:active,.user-list-item:active{transform:translateY(-2px) scale(0.98) !important;background:linear-gradient(135deg,rgba(163,234,48,0.25) 0%,rgba(99,102,241,0.2) 50%,rgba(168,85,247,0.15) 100%) !important;box-shadow:0 8px 32px rgba(163,234,48,0.3) !important}#contactsList img,#serversList img,#membersList img,.user-list-item img,.user-avatar{width:52px !important;height:52px !important;min-width:52px !important;min-height:52px !important;max-width:52px !important;max-height:52px !important;border-radius:50% !important;object-fit:cover !important;flex-shrink:0 !important;display:block !important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;border:3px solid rgba(163,234,48,0.3) !important;box-shadow:0 0 20px rgba(163,234,48,0.2),0 4px 20px rgba(0,0,0,0.3) !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;position:relative !important;z-index:3 !important}#contactsList img:hover,#serversList img:hover,#membersList img:hover,.user-list-item img:hover,.user-avatar:hover{transform:scale(1.15) rotate(5deg) !important;box-shadow:0 0 30px rgba(163,234,48,0.6),0 0 60px rgba(163,234,48,0.3),0 8px 32px rgba(0,0,0,0.4) !important;border-color:rgba(163,234,48,0.8) !important}.avatar-container,.user-avatar-container{position:relative !important;width:52px !important;height:52px !important;flex-shrink:0 !important}#contactsList .flex-1,#serversList .flex-1,#membersList .member-info,.user-info{min-width:0 !important;flex:1 !important;overflow:hidden !important;position:relative !important;z-index:2 !important}#contactsList .font-semibold,#serversList .font-medium,#membersList .member-name,.user-name{color:#ffffff !important;font-size:18px !important;font-weight:700 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;line-height:1.3 !important;text-shadow:0 2px 8px rgba(0,0,0,0.4) !important;letter-spacing:-0.02em !important;margin-bottom:4px !important}#contactsList .text-xs,#serversList .text-xs,#membersList .member-status,.user-status-text{color:rgba(255,255,255,0.75) !important;font-size:14px !important;font-weight:500 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;line-height:1.2 !important;text-shadow:0 1px 4px rgba(0,0,0,0.3) !important}#contactsList button,#serversList button,#membersList button,.user-list-item button{padding:8px 16px !important;font-size:13px !important;min-height:36px !important;border-radius:12px !important;background:linear-gradient(135deg,rgba(163,234,48,0.15) 0%,rgba(99,102,241,0.1) 100%) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border:1px solid rgba(163,234,48,0.3) !important;color:rgba(255,255,255,0.9) !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;position:relative !important;z-index:2 !important}#contactsList button:hover,#serversList button:hover,#membersList button:hover,.user-list-item button:hover{background:linear-gradient(135deg,rgba(163,234,48,0.3) 0%,rgba(99,102,241,0.2) 100%) !important;border-color:rgba(163,234,48,0.6) !important;color:#ffffff !important;transform:translateY(-2px) scale(1.05) !important;box-shadow:0 4px 16px rgba(163,234,48,0.3) !important}#reportServerBtn:hover,#leaveServerBtn:hover,#deleteServerBtn:hover{background:#ed4245 !important;color:#ffffff !important}.context-menu,#serverMenu,.server-dropdown-menu,.dropdown-menu{background:var(--bg-secondary,#111214) !important;border-color:var(--border-color,#1e1f22) !important;box-shadow:0 8px 16px var(--shadow-color,rgba(0,0,0,0.24)),0 0 0 1px rgba(255,255,255,0.04) inset !important}.context-menu-item,#serverMenu .menu-item,.server-menu-item,.dropdown-menu .dropdown-item{color:var(--text-primary,#dbdee1) !important}.context-menu-item:hover,#serverMenu .menu-item:hover,.server-menu-item:hover,.dropdown-menu .dropdown-item:hover{background:var(--accent-color,#5865f2) !important;color:var(--text-primary,#ffffff) !important}.context-menu-separator,#serverMenu .menu-separator,.server-menu-divider{background:var(--border-color,#404249) !important}.server-menu-header{color:var(--text-muted,#949ba4) !important}#authModal .card-modern,#authModal .glass-panel{background:var(--bg-secondary,#141820) !important;border-color:var(--border-color,#2a303e) !important}#authModal h1,#authModal h2,#authModal h3,#authModal .text-white{color:var(--text-primary,#fff) !important}#authModal p,#authModal label,#authModal .text-\[#b5bac1\]{color:var(--text-secondary,#b5bac1) !important}#authModal .input-modern,#authModal input,#authModal textarea,#authModal select{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important;color:var(--text-primary,#fff) !important}#authModal .input-modern:focus,#authModal input:focus{border-color:var(--accent-color,#a3ea30) !important;box-shadow:0 0 0 3px rgba(var(--accent-color-rgb,163,234,48),0.1) !important}#authModal .btn-modern{background:var(--accent-gradient,linear-gradient(135deg,#a3ea30 0%,#8b5cf6 100%)) !important;color:var(--bg-primary,#0b0e11) !important}#authModal .segmented-control{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important}#authModal .segmented-control button.active{background:var(--accent-color,#a3ea30) !important;color:var(--bg-primary,#0b0e11) !important}#authModal .segmented-control button:not(.active){color:var(--text-secondary,#b5bac1) !important}#authModal .bg-\[#1c212c\],#authModal [class*="bg-[#1c212c]"]{background:var(--bg-tertiary,#1c212c) !important}#authModal .border-\[#2a303e\],#authModal [class*="border-[#2a303e]"]{border-color:var(--border-color,#2a303e) !important}#authModal .bg-\[#0f1218\]\/50,#authModal [class*="bg-[#0f1218]"]{background:var(--bg-primary,rgba(15,18,24,0.5)) !important}#emailConfirmModal .card-modern,#loginConfirmModal .card-modern{background:var(--bg-secondary,#141820) !important}#emailConfirmModal h3,#loginConfirmModal h3{color:var(--text-primary,#fff) !important}#emailConfirmModal p,#loginConfirmModal p{color:var(--text-secondary,#b5bac1) !important}#emailConfirmModal input,#loginConfirmModal input{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important;color:var(--text-primary,#fff) !important}#createServerModal .card-modern,#createServerModal .glass-panel{background:var(--bg-secondary,#141820) !important;border-color:var(--border-color,#2a303e) !important}#createServerModal h2,#createServerModal .text-white{color:var(--text-primary,#fff) !important}#createServerModal p,#createServerModal label,#createServerModal .text-\[#b5bac1\]{color:var(--text-secondary,#b5bac1) !important}#createServerModal .input-modern,#createServerModal input,#createServerModal textarea,#createServerModal select{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important;color:var(--text-primary,#fff) !important}#createServerModal .upload-area{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important}#createServerModal .upload-area:hover{border-color:var(--accent-color,#a3ea30) !important}#createServerModal .bg-\[#1c212c\]\/50,#createServerModal [class*="bg-[#1c212c]"]{background:var(--bg-tertiary,rgba(28,33,44,0.5)) !important}#createServerModal .border-\[#2a303e\],#createServerModal [class*="border-[#2a303e]"]{border-color:var(--border-color,#2a303e) !important}.public-servers-hero{background:var(--bg-secondary,#18181f) !important}.public-servers-hero .hero-content h1,.public-servers-hero .hero-title{color:var(--text-primary,#fff) !important}.public-servers-hero .hero-subtitle{color:var(--text-secondary,#b5bac1) !important}.public-servers-hero .hero-search{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important}.public-servers-hero .hero-search input{background:transparent !important;color:var(--text-primary,#fff) !important}.public-servers-hero .hero-search input::placeholder{color:var(--text-muted,#8a8a8f) !important}.public-servers-hero .hero-tag{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important;color:var(--text-secondary,#b5bac1) !important}.public-servers-hero .hero-tag:hover{background:var(--hover-accent,rgba(163,234,48,0.1)) !important;border-color:var(--accent-color,#a3ea30) !important;color:var(--accent-color,#a3ea30) !important}.public-servers-content{background:var(--bg-primary,#0f0f14) !important}.servers-stats .stat-card{background:var(--bg-secondary,#18181f) !important;border-color:var(--border-color,#2a303e) !important}.servers-stats .stat-value{color:var(--text-primary,#fff) !important}.servers-stats .stat-label{color:var(--text-muted,#8a8a8f) !important}.server-card{background:var(--bg-secondary,#18181f) !important;border-color:var(--border-color,#2a303e) !important}.server-card:hover{border-color:var(--accent-color,#a3ea30) !important;box-shadow:0 8px 24px var(--shadow-color,rgba(0,0,0,0.3)) !important}.server-card .server-name{color:var(--text-primary,#fff) !important}.server-card .server-description{color:var(--text-secondary,#b5bac1) !important}.server-card .server-stats{color:var(--text-muted,#8a8a8f) !important}.servers-section-header .section-title{color:var(--text-primary,#fff) !important}.servers-section-header .servers-count{color:var(--text-muted,#8a8a8f) !important}.no-servers-state{color:var(--text-secondary,#b5bac1) !important}.no-servers-state h3{color:var(--text-primary,#fff) !important}.btn-create-own{background:var(--accent-gradient,linear-gradient(135deg,#a3ea30 0%,#8b5cf6 100%)) !important;color:var(--bg-primary,#0b0e11) !important}#serverSettingsModal .settings-fullscreen,#serverSettingsModal .settings-sidebar-redesign{background:var(--bg-secondary,#1e1f22) !important}#serverSettingsModal .settings-main-redesign{background:var(--bg-tertiary,#313338) !important}#serverSettingsModal .settings-sidebar-title,#serverSettingsModal .settings-nav-section-title{color:var(--text-muted,#949ba4) !important}#serverSettingsModal .settings-nav-item{color:var(--text-secondary,#b5bac1) !important}#serverSettingsModal .settings-nav-item:hover{background:var(--hover-accent,rgba(255,255,255,0.04)) !important;color:var(--text-primary,#fff) !important}#serverSettingsModal .settings-nav-item.active{background:var(--selected-bg,rgba(163,234,48,0.2)) !important;color:var(--text-primary,#fff) !important}#serverSettingsModal .settings-content-area{background:var(--bg-tertiary,#313338) !important}#serverSettingsModal h2,#serverSettingsModal h3,#serverSettingsModal .text-white{color:var(--text-primary,#fff) !important}#serverSettingsModal p,#serverSettingsModal label,#serverSettingsModal .text-gray-400{color:var(--text-secondary,#b5bac1) !important}#serverSettingsModal input,#serverSettingsModal textarea,#serverSettingsModal select{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important;color:var(--text-primary,#fff) !important}#settingsModal .settings-fullscreen,#settingsModal .settings-sidebar-redesign{background:var(--bg-secondary,#1e1f22) !important}#settingsModal .settings-main-redesign{background:var(--bg-tertiary,#313338) !important}#settingsModal .settings-sidebar-title,#settingsModal .settings-nav-section-title{color:var(--text-muted,#949ba4) !important}#settingsModal .settings-nav-item{color:var(--text-secondary,#b5bac1) !important}#settingsModal .settings-nav-item:hover{background:var(--hover-accent,rgba(255,255,255,0.04)) !important;color:var(--text-primary,#fff) !important}#settingsModal .settings-nav-item.active{background:var(--selected-bg,rgba(163,234,48,0.2)) !important;color:var(--text-primary,#fff) !important}#settingsModal .settings-content-area{background:var(--bg-tertiary,#313338) !important}#settingsModal h2,#settingsModal h3,#settingsModal .text-white{color:var(--text-primary,#fff) !important}#settingsModal p,#settingsModal label,#settingsModal .text-gray-400{color:var(--text-secondary,#b5bac1) !important}#settingsModal input,#settingsModal textarea,#settingsModal select{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important;color:var(--text-primary,#fff) !important}#settingsModal .settings-card,#settingsModal .card,#settingsModal [class*="bg-[#1c212c]"],#settingsModal [class*="bg-[#141820]"]{background:var(--bg-secondary,#1c212c) !important;border-color:var(--border-color,#2a303e) !important}.modal .card-modern,.modal .glass-panel{background:var(--bg-secondary,#141820) !important;border-color:var(--border-color,#2a303e) !important}.modal h1,.modal h2,.modal h3,.modal .text-white{color:var(--text-primary,#fff) !important}.modal p,.modal label,.modal .text-\[#b5bac1\],.modal .text-gray-400{color:var(--text-secondary,#b5bac1) !important}.modal input,.modal textarea,.modal select{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important;color:var(--text-primary,#fff) !important}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--accent-color,#a3ea30) !important}.modal .btn-modern{background:var(--accent-gradient,linear-gradient(135deg,#a3ea30 0%,#8b5cf6 100%)) !important;color:var(--bg-primary,#0b0e11) !important}.modal .btn-sec{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important;color:var(--text-secondary,#b5bac1) !important}.modal .btn-sec:hover{background:var(--hover-accent,rgba(255,255,255,0.08)) !important;color:var(--text-primary,#fff) !important}#notificationsModal .notifications-mini-modal{background:var(--bg-secondary,#1e1f22) !important;border-color:var(--border-color,#2a303e) !important}#notificationsModal .notifications-header{border-color:var(--border-color,#2a303e) !important}#notificationsModal .notifications-title{color:var(--text-primary,#fff) !important}#notificationsModal .notification-tab{color:var(--text-secondary,#b5bac1) !important}#notificationsModal .notification-tab.active{color:var(--text-primary,#fff) !important;border-color:var(--accent-color,#a3ea30) !important}#notificationsModal .notification-item{background:var(--input-bg,rgba(255,255,255,0.02)) !important;border-color:var(--border-color,#2a303e) !important}#notificationsModal .notification-item:hover{background:var(--hover-accent,rgba(255,255,255,0.04)) !important}#notificationsModal .notification-item.unread{background:var(--selected-bg,rgba(163,234,48,0.05)) !important;border-left-color:var(--accent-color,#a3ea30) !important}#notificationsModal .notification-title{color:var(--text-primary,#fff) !important}#notificationsModal .notification-text{color:var(--text-secondary,#b5bac1) !important}#notificationsModal .notification-time{color:var(--text-muted,#8a8a8f) !important}#friendsModal .friends-modal-content{background:var(--bg-secondary,#1e1f22) !important;border-color:var(--border-color,#2a303e) !important}#friendsModal .friends-header{border-color:var(--border-color,#2a303e) !important}#friendsModal .friends-title{color:var(--text-primary,#fff) !important}#friendsModal .friends-tab{color:var(--text-secondary,#b5bac1) !important}#friendsModal .friends-tab.active{color:var(--text-primary,#fff) !important;background:var(--selected-bg,rgba(163,234,48,0.1)) !important}#friendsModal .friend-item{background:var(--input-bg,rgba(255,255,255,0.02)) !important;border-color:var(--border-color,#2a303e) !important}#friendsModal .friend-item:hover{background:var(--hover-accent,rgba(255,255,255,0.04)) !important}#friendsModal .friend-name{color:var(--text-primary,#fff) !important}#friendsModal .friend-status{color:var(--text-muted,#8a8a8f) !important}#friendsModal input{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important;color:var(--text-primary,#fff) !important}.switch .slider{background-color:var(--input-bg,#4b5563) !important}.switch input:checked + .slider{background-color:var(--accent-color,#22c55e) !important}.segmented-control{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important}.segmented-control button{color:var(--text-secondary,#b5bac1) !important}.segmented-control button.active{background:var(--accent-color,#a3ea30) !important;color:var(--bg-primary,#0b0e11) !important}.upload-area{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border:2px dashed var(--border-color,#2a303e) !important;color:var(--text-secondary,#b5bac1) !important}.upload-area:hover{border-color:var(--accent-color,#a3ea30) !important;background:var(--hover-accent,rgba(163,234,48,0.05)) !important}.chip,.tag{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important;color:var(--text-secondary,#b5bac1) !important}.chip:hover,.tag:hover{background:var(--hover-accent,rgba(255,255,255,0.08)) !important;border-color:var(--accent-color,#a3ea30) !important}.divider,hr,[class*="border-t"],[class*="border-b"]{border-color:var(--border-color,#2a303e) !important}.modal ::-webkit-scrollbar-track{background:var(--bg-tertiary,#1f1f28) !important}.modal ::-webkit-scrollbar-thumb{background:var(--text-muted,#8a8a8f) !important}[class*="bg-[#141820]"],[class*="bg-[#0f1218]"],[class*="bg-[#0b0e11]"]{background-color:var(--bg-primary) !important}[class*="bg-[#1c212c]"],[class*="bg-[#18181f]"],[class*="bg-[#1e1f22]"]{background-color:var(--bg-secondary) !important}[class*="bg-[#2a303e]"],[class*="bg-[#313338]"]{background-color:var(--bg-tertiary) !important}[class*="text-[#b5bac1]"],[class*="text-[#949ba4]"]{color:var(--text-secondary) !important}[class*="text-[#8a8a8f]"],[class*="text-[#72767d]"]{color:var(--text-muted) !important}[class*="border-[#2a303e]"],[class*="border-[#1e1f22]"],[class*="border-[#404249]"]{border-color:var(--border-color) !important}[class*="text-[#a3ea30]"],[class*="bg-[#a3ea30]"]{color:var(--accent-color) !important}[class*="hover:bg-white/5"]:hover,[class*="hover:bg-white/10"]:hover{background-color:var(--hover-accent) !important}[class*="hover:border-white/10"]:hover{border-color:var(--border-color) !important}.neon-glow{box-shadow:0 0 40px var(--shadow-color,rgba(163,234,48,0.1)) !important}#profileModal .card-modern,#profileModal .glass-panel,.user-profile-card{background:var(--bg-secondary,#1e1f22) !important;border-color:var(--border-color,#2a303e) !important}#profileModal h2,#profileModal h3,.user-profile-card .profile-name{color:var(--text-primary,#fff) !important}#profileModal p,#profileModal .text-gray-400,.user-profile-card .profile-bio{color:var(--text-secondary,#b5bac1) !important}#statusMenu{background:var(--bg-secondary,#1e1f22) !important;border-color:var(--border-color,#2a303e) !important}#statusMenu button{color:var(--text-secondary,#b5bac1) !important}#statusMenu button:hover{background:var(--hover-accent,rgba(255,255,255,0.04)) !important;color:var(--text-primary,#fff) !important}.role-card,.role-item{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important}.role-card:hover,.role-item:hover{background:var(--hover-accent,rgba(255,255,255,0.06)) !important}.role-name{color:var(--text-primary,#fff) !important}.role-members-count{color:var(--text-muted,#8a8a8f) !important}#joinServerModal .card-modern,#inviteModal .card-modern{background:var(--bg-secondary,#1e1f22) !important;border-color:var(--border-color,#2a303e) !important}#joinServerModal h2,#inviteModal h2{color:var(--text-primary,#fff) !important}#joinServerModal p,#inviteModal p{color:var(--text-secondary,#b5bac1) !important}.invite-preview{background:var(--bg-tertiary,#1f1f28) !important;border-color:var(--border-color,#2a303e) !important}.invite-preview .server-name{color:var(--text-primary,#fff) !important}.invite-preview .server-info{color:var(--text-muted,#8a8a8f) !important}.copy-link-container{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important}.copy-link-container input{color:var(--text-primary,#fff) !important}.copy-link-btn{background:var(--accent-color,#a3ea30) !important;color:var(--bg-primary,#0b0e11) !important}.emoji-picker,.emoji-popover,#emojiPanel{background:var(--bg-secondary,#1e1f22) !important;border-color:var(--border-color,#2a303e) !important}.emoji-picker .emoji-category-title,.emoji-popover .emoji-category-title{color:var(--text-muted,#8a8a8f) !important}.emoji-picker .emoji-search,.emoji-popover .emoji-search{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important;color:var(--text-primary,#fff) !important}.emoji-picker .emoji-item:hover,.emoji-popover .emoji-item:hover{background:var(--hover-accent,rgba(255,255,255,0.08)) !important}#callModal .card-modern,#incomingCallModal .card-modern{background:var(--bg-secondary,#1e1f22) !important;border-color:var(--border-color,#2a303e) !important}#callModal h2,#incomingCallModal h2{color:var(--text-primary,#fff) !important}#callModal p,#incomingCallModal p{color:var(--text-secondary,#b5bac1) !important}.call-controls{background:var(--bg-tertiary,rgba(31,31,40,0.9)) !important}.call-controls button{background:var(--input-bg,rgba(255,255,255,0.1)) !important;color:var(--text-primary,#fff) !important}.call-controls button:hover{background:var(--hover-accent,rgba(255,255,255,0.2)) !important}.call-controls button.active{background:var(--accent-color,#a3ea30) !important;color:var(--bg-primary,#0b0e11) !important}.call-controls button.danger{background:var(--danger-color,#f43f5e) !important}#screenShareModal .card-modern{background:var(--bg-secondary,#1e1f22) !important;border-color:var(--border-color,#2a303e) !important}#screenShareModal h2{color:var(--text-primary,#fff) !important}#screenShareModal p,#screenShareModal label{color:var(--text-secondary,#b5bac1) !important}.screen-source-item{background:var(--input-bg,rgba(255,255,255,0.04)) !important;border-color:var(--border-color,#2a303e) !important}.screen-source-item:hover{border-color:var(--accent-color,#a3ea30) !important}.screen-source-item.selected{border-color:var(--accent-color,#a3ea30) !important;background:var(--selected-bg,rgba(163,234,48,0.1)) !important}.glass-panel{background:var(--surface-color,rgba(24,24,31,0.95)) !important;border-color:var(--border-color,rgba(255,255,255,0.08)) !important;backdrop-filter:var(--glass-blur,blur(16px)) !important;-webkit-backdrop-filter:var(--glass-blur,blur(16px)) !important}.card-modern{background:var(--bg-secondary,#18181f) !important;border-color:var(--border-color,rgba(255,255,255,0.08)) !important}.liquid-glass{background:var(--glass-bg,rgba(15,15,20,0.7)) !important;backdrop-filter:var(--glass-blur,blur(16px)) !important;-webkit-backdrop-filter:var(--glass-blur,blur(16px)) !important}.modal [style*="linear-gradient(90deg,#a3ea30"]{background:var(--accent-gradient,linear-gradient(90deg,#a3ea30 0%,#a855f7 100%)) !important}.settings-close-btn-redesign,.modal-close-btn,[class*="fa-xmark"]{color:var(--text-secondary,#b5bac1) !important}.settings-close-btn-redesign:hover,.modal-close-btn:hover{color:var(--text-primary,#fff) !important;background:var(--hover-accent,rgba(255,255,255,0.1)) !important}.esc-hint{color:var(--text-muted,#8a8a8f) !important}::placeholder{color:var(--text-muted,#8a8a8f) !important;opacity:0.7}::selection{background:var(--accent-color,#a3ea30) !important;color:var(--bg-primary,#0b0e11) !important}:focus-visible{outline-color:var(--accent-color,#a3ea30) !important}body.theme-light .settings-section-redesign,[data-theme="light"] .settings-section-redesign{background:rgba(255,255,255,0.8) !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .settings-section-title-redesign,[data-theme="light"] .settings-section-title-redesign{color:#1f2937 !important}body.theme-light .settings-section-redesign p,body.theme-light .settings-section-redesign label,[data-theme="light"] .settings-section-redesign p,[data-theme="light"] .settings-section-redesign label{color:#4b5563 !important}body.theme-light input,body.theme-light textarea,body.theme-light select,body.theme-light .input-modern,[data-theme="light"] input,[data-theme="light"] textarea,[data-theme="light"] select,[data-theme="light"] .input-modern{background:rgba(255,255,255,0.9) !important;border-color:rgba(0,0,0,0.15) !important;color:#1f2937 !important}body.theme-light input::placeholder,body.theme-light textarea::placeholder,[data-theme="light"] input::placeholder,[data-theme="light"] textarea::placeholder{color:#9ca3af !important}body.theme-light input:focus,body.theme-light textarea:focus,body.theme-light select:focus,[data-theme="light"] input:focus,[data-theme="light"] textarea:focus,[data-theme="light"] select:focus{border-color:var(--accent-color,#6366f1) !important;box-shadow:0 0 0 3px rgba(99,102,241,0.15) !important}body.theme-light .hotkey-item,[data-theme="light"] .hotkey-item{background:rgba(255,255,255,0.8) !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .hotkey-item:hover,[data-theme="light"] .hotkey-item:hover{background:rgba(99,102,241,0.05) !important;border-color:rgba(99,102,241,0.3) !important}body.theme-light .hotkey-chip,body.theme-light .hotkey-btn,[data-theme="light"] .hotkey-chip,[data-theme="light"] .hotkey-btn{background:rgba(0,0,0,0.05) !important;border-color:rgba(0,0,0,0.15) !important;color:#1f2937 !important}body.theme-light .profile-modal-modern,[data-theme="light"] .profile-modal-modern{background:#ffffff !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .profile-modal-header,body.theme-light .profile-modal-details,[data-theme="light"] .profile-modal-header,[data-theme="light"] .profile-modal-details{background:#ffffff !important}body.theme-light .profile-modal-name,body.theme-light .profile-modal-section-title,[data-theme="light"] .profile-modal-name,[data-theme="light"] .profile-modal-section-title{color:#1f2937 !important}body.theme-light .profile-modal-username,body.theme-light .profile-modal-section-content,[data-theme="light"] .profile-modal-username,[data-theme="light"] .profile-modal-section-content{color:#6b7280 !important}body.theme-light .profile-modal-back,body.theme-light .profile-modal-action-btn,[data-theme="light"] .profile-modal-back,[data-theme="light"] .profile-modal-action-btn{color:#6b7280 !important}body.theme-light .profile-modal-back:hover,body.theme-light .profile-modal-action-btn:hover,[data-theme="light"] .profile-modal-back:hover,[data-theme="light"] .profile-modal-action-btn:hover{background:rgba(0,0,0,0.05) !important;color:#1f2937 !important}body.theme-light .profile-modal-list-item,[data-theme="light"] .profile-modal-list-item{background:rgba(0,0,0,0.02) !important}body.theme-light .profile-modal-list-item:hover,[data-theme="light"] .profile-modal-list-item:hover{background:rgba(0,0,0,0.05) !important}body.theme-light .profile-modal-list-icon,[data-theme="light"] .profile-modal-list-icon{background:rgba(0,0,0,0.05) !important;color:#6b7280 !important}body.theme-light .profile-modal-list-label,[data-theme="light"] .profile-modal-list-label{color:#9ca3af !important}body.theme-light .profile-modal-list-value,[data-theme="light"] .profile-modal-list-value{color:#1f2937 !important}body.theme-light .profile-modal-btn-secondary,[data-theme="light"] .profile-modal-btn-secondary{background:rgba(0,0,0,0.05) !important;color:#1f2937 !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .profile-modal-btn-secondary:hover,[data-theme="light"] .profile-modal-btn-secondary:hover{background:rgba(0,0,0,0.08) !important}body.theme-light .profile-modal-btn-icon,[data-theme="light"] .profile-modal-btn-icon{background:rgba(0,0,0,0.05) !important;color:#6b7280 !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .profile-modal-btn-icon:hover,[data-theme="light"] .profile-modal-btn-icon:hover{background:rgba(0,0,0,0.08) !important;color:#1f2937 !important}body.theme-light .profile-modal-divider,[data-theme="light"] .profile-modal-divider{background:rgba(0,0,0,0.08) !important}body.theme-light #createServerModal .card-modern,body.theme-light #createServerModal .glass-panel,[data-theme="light"] #createServerModal .card-modern,[data-theme="light"] #createServerModal .glass-panel{background:#ffffff !important}body.theme-light #createServerModal h2,[data-theme="light"] #createServerModal h2{color:#1f2937 !important}body.theme-light #createServerModal p,body.theme-light #createServerModal label,[data-theme="light"] #createServerModal p,[data-theme="light"] #createServerModal label{color:#6b7280 !important}body.theme-light #createServerModal .upload-area,[data-theme="light"] #createServerModal .upload-area{background:rgba(0,0,0,0.02) !important;border-color:rgba(0,0,0,0.15) !important}body.theme-light .bg-surface,body.theme-light [class*="bg-surface"],[data-theme="light"] .bg-surface,[data-theme="light"] [class*="bg-surface"]{background:#ffffff !important}body.theme-light .border-theme,body.theme-light [class*="border-theme"],[data-theme="light"] .border-theme,[data-theme="light"] [class*="border-theme"]{border-color:rgba(0,0,0,0.1) !important}body.theme-light #menuCreateServer,body.theme-light #menuJoinByCode,[data-theme="light"] #menuCreateServer,[data-theme="light"] #menuJoinByCode{color:#1f2937 !important}body.theme-light #menuCreateServer:hover,body.theme-light #menuJoinByCode:hover,[data-theme="light"] #menuCreateServer:hover,[data-theme="light"] #menuJoinByCode:hover{background:rgba(0,0,0,0.05) !important}body.theme-light .public-servers-hero,[data-theme="light"] .public-servers-hero{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%) !important}body.theme-light .public-servers-hero .hero-title,[data-theme="light"] .public-servers-hero .hero-title{color:#1f2937 !important}body.theme-light .public-servers-hero .hero-subtitle,[data-theme="light"] .public-servers-hero .hero-subtitle{color:#6b7280 !important}body.theme-light .public-servers-hero .hero-search,[data-theme="light"] .public-servers-hero .hero-search{background:#ffffff !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .public-servers-hero .hero-search input,[data-theme="light"] .public-servers-hero .hero-search input{color:#1f2937 !important}body.theme-light .public-servers-hero .hero-tag,[data-theme="light"] .public-servers-hero .hero-tag{background:#ffffff !important;border-color:rgba(0,0,0,0.1) !important;color:#4b5563 !important}body.theme-light .public-servers-content,[data-theme="light"] .public-servers-content{background:#f8fafc !important}body.theme-light .servers-stats .stat-card,[data-theme="light"] .servers-stats .stat-card{background:#ffffff !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .servers-stats .stat-value,[data-theme="light"] .servers-stats .stat-value{color:#1f2937 !important}body.theme-light .server-card,[data-theme="light"] .server-card{background:#ffffff !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .server-card .server-name,[data-theme="light"] .server-card .server-name{color:#1f2937 !important}body.theme-light .server-card .server-description,[data-theme="light"] .server-card .server-description{color:#6b7280 !important}body.theme-light #callModal .card-modern,body.theme-light #incomingCallModal .card-modern,[data-theme="light"] #callModal .card-modern,[data-theme="light"] #incomingCallModal .card-modern{background:#ffffff !important}body.theme-light #callModal h2,body.theme-light #incomingCallModal h2,[data-theme="light"] #callModal h2,[data-theme="light"] #incomingCallModal h2{color:#1f2937 !important}body.theme-light #callModal p,body.theme-light #incomingCallModal p,[data-theme="light"] #callModal p,[data-theme="light"] #incomingCallModal p{color:#6b7280 !important}body.theme-light #voiceCallBtn,body.theme-light #videoCallBtn,[data-theme="light"] #voiceCallBtn,[data-theme="light"] #videoCallBtn{background:rgba(0,0,0,0.05) !important;color:#4b5563 !important}body.theme-light #voiceCallBtn:hover,body.theme-light #videoCallBtn:hover,[data-theme="light"] #voiceCallBtn:hover,[data-theme="light"] #videoCallBtn:hover{background:rgba(99,102,241,0.1) !important;color:#6366f1 !important}body.theme-light .call-controls,[data-theme="light"] .call-controls{background:rgba(255,255,255,0.95) !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .call-controls button,[data-theme="light"] .call-controls button{background:rgba(0,0,0,0.05) !important;color:#4b5563 !important}body.theme-light .call-controls button:hover,[data-theme="light"] .call-controls button:hover{background:rgba(0,0,0,0.1) !important;color:#1f2937 !important}body.theme-light .wp-modal-backdrop,[data-theme="light"] .wp-modal-backdrop{background:rgba(0,0,0,0.5) !important}body.theme-light .wp-card,[data-theme="light"] .wp-card{background:#ffffff !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .wp-header,[data-theme="light"] .wp-header{background:#f8fafc !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .wp-title,[data-theme="light"] .wp-title{color:#1f2937 !important}body.theme-light .wp-tab,[data-theme="light"] .wp-tab{color:#6b7280 !important}body.theme-light .wp-tab:hover,[data-theme="light"] .wp-tab:hover{color:#1f2937 !important;background:rgba(0,0,0,0.03) !important}body.theme-light .wp-tab.active,[data-theme="light"] .wp-tab.active{color:var(--accent-color,#6366f1) !important}body.theme-light .wp-sidebar,[data-theme="light"] .wp-sidebar{background:#f8fafc !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .wp-label,[data-theme="light"] .wp-label{color:#6b7280 !important}body.theme-light .wp-input,body.theme-light .wp-select,[data-theme="light"] .wp-input,[data-theme="light"] .wp-select{background:#ffffff !important;border-color:rgba(0,0,0,0.15) !important;color:#1f2937 !important}body.theme-light .wp-reaction-btn,[data-theme="light"] .wp-reaction-btn{background:rgba(0,0,0,0.03) !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .wp-reaction-btn:hover,[data-theme="light"] .wp-reaction-btn:hover{background:rgba(0,0,0,0.06) !important}body.theme-light .context-menu,body.theme-light #serverMenu,body.theme-light .server-dropdown-menu,body.theme-light .dropdown-menu,[data-theme="light"] .context-menu,[data-theme="light"] #serverMenu,[data-theme="light"] .server-dropdown-menu,[data-theme="light"] .dropdown-menu{background:#ffffff !important;border-color:rgba(0,0,0,0.1) !important;box-shadow:0 8px 24px rgba(0,0,0,0.15) !important}body.theme-light .context-menu-item,body.theme-light #serverMenu .menu-item,body.theme-light .server-menu-item,[data-theme="light"] .context-menu-item,[data-theme="light"] #serverMenu .menu-item,[data-theme="light"] .server-menu-item{color:#1f2937 !important}body.theme-light .context-menu-item:hover,body.theme-light #serverMenu .menu-item:hover,body.theme-light .server-menu-item:hover,[data-theme="light"] .context-menu-item:hover,[data-theme="light"] #serverMenu .menu-item:hover,[data-theme="light"] .server-menu-item:hover{background:var(--accent-color,#6366f1) !important;color:#ffffff !important}body.theme-light .context-menu-separator,body.theme-light #serverMenu .menu-separator,[data-theme="light"] .context-menu-separator,[data-theme="light"] #serverMenu .menu-separator{background:rgba(0,0,0,0.1) !important}body.theme-light .server-menu-header,[data-theme="light"] .server-menu-header{color:#9ca3af !important}body.theme-light .server-menu-header span,body.theme-light .server-menu-item span,body.theme-light .server-menu-item i,[data-theme="light"] .server-menu-header span,[data-theme="light"] .server-menu-item span,[data-theme="light"] .server-menu-item i{color:#1f2937 !important}body.theme-light .server-menu-item:hover span,body.theme-light .server-menu-item:hover i,[data-theme="light"] .server-menu-item:hover span,[data-theme="light"] .server-menu-item:hover i{color:#ffffff !important}body.theme-light .server-menu-item.danger span,body.theme-light .server-menu-item.danger i,[data-theme="light"] .server-menu-item.danger span,[data-theme="light"] .server-menu-item.danger i{color:#ed4245 !important}body.theme-light .server-menu-item.danger:hover span,body.theme-light .server-menu-item.danger:hover i,[data-theme="light"] .server-menu-item.danger:hover span,[data-theme="light"] .server-menu-item.danger:hover i{color:#ffffff !important}body.theme-light .server-menu-divider,[data-theme="light"] .server-menu-divider{background:rgba(0,0,0,0.1) !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .friends-modal-content .friend-item,[data-theme="light"] .friends-modal-content .friend-item{background:#ffffff !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .friends-modal-content .friend-item:hover,[data-theme="light"] .friends-modal-content .friend-item:hover{background:#f8fafc !important;border-color:var(--accent-color,#6366f1) !important}body.theme-light .friends-modal-content .friend-name,[data-theme="light"] .friends-modal-content .friend-name{color:#1f2937 !important}body.theme-light .friends-modal-content .friend-username,body.theme-light .friends-modal-content .friend-status,[data-theme="light"] .friends-modal-content .friend-username,[data-theme="light"] .friends-modal-content .friend-status{color:#6b7280 !important}body.theme-light .friends-modal-content .friend-avatar,[data-theme="light"] .friends-modal-content .friend-avatar{border-color:rgba(0,0,0,0.1) !important}body.theme-light .friends-modal-content .friend-item:hover .friend-avatar,[data-theme="light"] .friends-modal-content .friend-item:hover .friend-avatar{border-color:var(--accent-color,#6366f1) !important}body.theme-light .friends-modal-content .friend-action-btn,[data-theme="light"] .friends-modal-content .friend-action-btn{background:#f3f4f6 !important;color:#6b7280 !important}body.theme-light .friends-modal-content .friend-action-btn:hover,[data-theme="light"] .friends-modal-content .friend-action-btn:hover{background:var(--accent-color,#6366f1) !important;color:#ffffff !important}body.theme-light .friends-modal-content .empty-state h3,[data-theme="light"] .friends-modal-content .empty-state h3{color:#1f2937 !important}body.theme-light .friends-modal-content .empty-state,body.theme-light .friends-modal-content .loading-state,[data-theme="light"] .friends-modal-content .empty-state,[data-theme="light"] .friends-modal-content .loading-state{color:#6b7280 !important}body.theme-light [data-tooltip]:not([data-tooltip=""])::before,[data-theme="light"] [data-tooltip]:not([data-tooltip=""])::before{background:#1f2937 !important;color:#ffffff !important;border-color:rgba(0,0,0,0.2) !important}body.theme-light [data-tooltip]:not([data-tooltip=""])::after,[data-theme="light"] [data-tooltip]:not([data-tooltip=""])::after{border-top-color:#1f2937 !important}body.theme-light .settings-fullscreen,body.theme-light .settings-sidebar-redesign,[data-theme="light"] .settings-fullscreen,[data-theme="light"] .settings-sidebar-redesign{background:#f8fafc !important}body.theme-light .settings-main-redesign,body.theme-light .settings-content-area,[data-theme="light"] .settings-main-redesign,[data-theme="light"] .settings-content-area{background:#ffffff !important}body.theme-light .settings-sidebar-title,body.theme-light .settings-nav-section-title,[data-theme="light"] .settings-sidebar-title,[data-theme="light"] .settings-nav-section-title{color:#9ca3af !important}body.theme-light .settings-nav-item,[data-theme="light"] .settings-nav-item{color:#4b5563 !important}body.theme-light .settings-nav-item:hover,[data-theme="light"] .settings-nav-item:hover{background:rgba(0,0,0,0.05) !important;color:#1f2937 !important}body.theme-light .settings-nav-item.active,[data-theme="light"] .settings-nav-item.active{background:rgba(99,102,241,0.1) !important;color:#6366f1 !important}body.theme-light .settings-close-btn-redesign,[data-theme="light"] .settings-close-btn-redesign{color:#6b7280 !important}body.theme-light .settings-close-btn-redesign:hover,[data-theme="light"] .settings-close-btn-redesign:hover{background:rgba(0,0,0,0.05) !important;color:#1f2937 !important}body.theme-light .btn-sec,[data-theme="light"] .btn-sec{background:rgba(0,0,0,0.05) !important;border-color:rgba(0,0,0,0.1) !important;color:#4b5563 !important}body.theme-light .btn-sec:hover,[data-theme="light"] .btn-sec:hover{background:rgba(0,0,0,0.08) !important;color:#1f2937 !important}body.theme-light #authModal .card-modern,body.theme-light #authModal .glass-panel,[data-theme="light"] #authModal .card-modern,[data-theme="light"] #authModal .glass-panel{background:#ffffff !important}body.theme-light #authModal h1,body.theme-light #authModal h2,[data-theme="light"] #authModal h1,[data-theme="light"] #authModal h2{color:#1f2937 !important}body.theme-light #authModal p,body.theme-light #authModal label,[data-theme="light"] #authModal p,[data-theme="light"] #authModal label{color:#6b7280 !important}body.theme-light #emailConfirmModal .card-modern,body.theme-light #loginConfirmModal .card-modern,[data-theme="light"] #emailConfirmModal .card-modern,[data-theme="light"] #loginConfirmModal .card-modern{background:#ffffff !important}body.theme-light #emailConfirmModal h3,body.theme-light #loginConfirmModal h3,[data-theme="light"] #emailConfirmModal h3,[data-theme="light"] #loginConfirmModal h3{color:#1f2937 !important}body.theme-light .modal .card-modern,body.theme-light .modal .glass-panel,[data-theme="light"] .modal .card-modern,[data-theme="light"] .modal .glass-panel{background:#ffffff !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .modal h1,body.theme-light .modal h2,body.theme-light .modal h3,[data-theme="light"] .modal h1,[data-theme="light"] .modal h2,[data-theme="light"] .modal h3{color:#1f2937 !important}body.theme-light .modal p,body.theme-light .modal label,[data-theme="light"] .modal p,[data-theme="light"] .modal label{color:#6b7280 !important}body.theme-light .glass-panel,body.theme-light .liquid-glass,[data-theme="light"] .glass-panel,[data-theme="light"] .liquid-glass{background:rgba(255,255,255,0.95) !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .card-modern,body.theme-light .card,[data-theme="light"] .card-modern,[data-theme="light"] .card{background:#ffffff !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .neon-glow,[data-theme="light"] .neon-glow{box-shadow:0 4px 24px rgba(0,0,0,0.1) !important}body.theme-light #channelsSidebar,body.theme-light #serversSidebar,[data-theme="light"] #channelsSidebar,[data-theme="light"] #serversSidebar{background:#f8fafc !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light #rightSidebar,[data-theme="light"] #rightSidebar{background:transparent !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light #chatHeader,body.theme-light header,[data-theme="light"] #chatHeader,[data-theme="light"] header{background:#ffffff !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light #contextTitle,body.theme-light #serverName,[data-theme="light"] #contextTitle,[data-theme="light"] #serverName{color:#1f2937 !important}body.theme-light #messages,body.theme-light .messages-container,[data-theme="light"] #messages,[data-theme="light"] .messages-container{background:#ffffff !important}body.theme-light .message,[data-theme="light"] .message{background:transparent !important}body.theme-light .message:hover,[data-theme="light"] .message:hover{background:rgba(0,0,0,0.02) !important}body.theme-light .message-author-name,[data-theme="light"] .message-author-name{color:#1f2937 !important}body.theme-light .msg-content,[data-theme="light"] .msg-content{color:#374151 !important}body.theme-light .message-timestamp,[data-theme="light"] .message-timestamp{color:#9ca3af !important}body.theme-light .msg-controls,[data-theme="light"] .msg-controls{background:#ffffff !important;border-color:rgba(0,0,0,0.1) !important;box-shadow:0 4px 12px rgba(0,0,0,0.1) !important}body.theme-light .btn-icon,[data-theme="light"] .btn-icon{color:#6b7280 !important}body.theme-light .btn-icon:hover,[data-theme="light"] .btn-icon:hover{background:rgba(0,0,0,0.05) !important;color:#1f2937 !important}body.theme-light .reaction,body.theme-light .tg-reaction,[data-theme="light"] .reaction,[data-theme="light"] .tg-reaction{background:rgba(0,0,0,0.03) !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .reaction:hover,body.theme-light .tg-reaction:hover,[data-theme="light"] .reaction:hover,[data-theme="light"] .tg-reaction:hover{background:rgba(0,0,0,0.06) !important}body.theme-light .reaction.active,body.theme-light .tg-reaction.active,[data-theme="light"] .reaction.active,[data-theme="light"] .tg-reaction.active{background:rgba(99,102,241,0.1) !important;border-color:var(--accent-color,#6366f1) !important}body.theme-light #channels,[data-theme="light"] #channels{background:transparent !important}body.theme-light .channel-item,body.theme-light .dm-item,[data-theme="light"] .channel-item,[data-theme="light"] .dm-item{color:#4b5563 !important}body.theme-light .channel-item:hover,body.theme-light .dm-item:hover,[data-theme="light"] .channel-item:hover,[data-theme="light"] .dm-item:hover{background:rgba(0,0,0,0.05) !important;color:#1f2937 !important}body.theme-light .channel-item.active,body.theme-light .dm-item.active,[data-theme="light"] .channel-item.active,[data-theme="light"] .dm-item.active{background:rgba(99,102,241,0.1) !important;color:#6366f1 !important}body.theme-light #rightPanel,[data-theme="light"] #rightPanel{background:transparent !important}body.theme-light #rightPanel .flex.items-center,[data-theme="light"] #rightPanel .flex.items-center{color:#4b5563 !important}body.theme-light #rightPanel .flex.items-center:hover,[data-theme="light"] #rightPanel .flex.items-center:hover{background:rgba(0,0,0,0.03) !important}body.theme-light #rightTitle,[data-theme="light"] #rightTitle{color:#6b7280 !important}body.theme-light .server-button,[data-theme="light"] .server-button{background:rgba(0,0,0,0.05) !important}body.theme-light .server-button:hover,[data-theme="light"] .server-button:hover{background:rgba(99,102,241,0.1) !important}body.theme-light .server-button.active,[data-theme="light"] .server-button.active{background:var(--accent-color,#6366f1) !important}body.theme-light #statusMenu,[data-theme="light"] #statusMenu{background:#ffffff !important;border-color:rgba(0,0,0,0.1) !important;box-shadow:0 8px 24px rgba(0,0,0,0.15) !important}body.theme-light #statusMenu button,[data-theme="light"] #statusMenu button{color:#4b5563 !important}body.theme-light #statusMenu button:hover,[data-theme="light"] #statusMenu button:hover{background:rgba(0,0,0,0.05) !important;color:#1f2937 !important}body.theme-light #userPanel,body.theme-light .user-panel,[data-theme="light"] #userPanel,[data-theme="light"] .user-panel{background:#f8fafc !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light #userPanel span,body.theme-light .user-panel span,[data-theme="light"] #userPanel span,[data-theme="light"] .user-panel span{color:#1f2937 !important}body.theme-light #userStatusText,[data-theme="light"] #userStatusText{color:#6b7280 !important}body.theme-light #msgForm,[data-theme="light"] #msgForm{background:#ffffff !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light #msgInput,[data-theme="light"] #msgInput{background:#f8fafc !important;border-color:rgba(0,0,0,0.1) !important;color:#1f2937 !important}body.theme-light #msgInput::placeholder,[data-theme="light"] #msgInput::placeholder{color:#9ca3af !important}body.theme-light .emoji-picker,body.theme-light .emoji-popover,body.theme-light #emojiPanel,[data-theme="light"] .emoji-picker,[data-theme="light"] .emoji-popover,[data-theme="light"] #emojiPanel{background:#ffffff !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .emoji-category-title,[data-theme="light"] .emoji-category-title{color:#6b7280 !important}body.theme-light .emoji-item:hover,[data-theme="light"] .emoji-item:hover{background:rgba(0,0,0,0.05) !important}body.theme-light .tg-quick-panel,[data-theme="light"] .tg-quick-panel{background:#ffffff !important;border-color:rgba(0,0,0,0.1) !important;box-shadow:0 8px 24px rgba(0,0,0,0.15) !important}body.theme-light .tg-quick-btn,[data-theme="light"] .tg-quick-btn{background:rgba(0,0,0,0.03) !important;border-color:rgba(0,0,0,0.1) !important}body.theme-light .tg-quick-btn:hover,[data-theme="light"] .tg-quick-btn:hover{background:rgba(0,0,0,0.06) !important}#chatArea,#mainContent,.chat-area,.messages-wrapper,#messages,#messages .messages-container,#messages .message{z-index:auto !important;isolation:auto !important;transform:none !important;contain:none !important}#serverMenu,.server-dropdown-menu,.context-menu,.dropdown-menu{z-index:2147483647 !important;position:fixed !important}#chatHeader,header{z-index:100 !important}html.theme-light,html.theme-light body{background:#f8fafc !important;color:#1f2937 !important}html.theme-light #appLoader{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%) !important}html.theme-light #appLoader .loader-text{color:#1f2937 !important}html.theme-light #appLoader .loader-spinner{border-color:rgba(0,0,0,0.1) !important;border-top-color:#6366f1 !important}[class*="border-[#404249]"]{border-color:var(--border-color) !important}#messages,#messages *,.message,.message *,.messages-container,.messages-container *{contain:none !important;isolation:auto !important}.msg-controls{z-index:30 !important}#serverMenu,.context-menu,.server-dropdown-menu,.dropdown-menu{z-index:2147483647 !important;position:fixed !important;contain:none !important;isolation:isolate !important}#profileModal h2,#profileModal h3,.user-profile-card .profile-name{color:var(--text-primary,#fff) !important}#profileModal p,#profileModal .text-gray-400,.user-profile-card .profile-bio{color:var(--text-secondary,#b5bac1) !important}#messages,#messages *,.message,.message *,.messages-container,.messages-container *,#chatArea,#chatArea *,#mainContent,.msg-content,.msg-controls{isolation:auto !important;contain:none !important;transform:none !important;will-change:auto !important}.msg-controls{z-index:30 !important;transform:scale(0.95) translateY(-4px) !important}.message:hover .msg-controls,.group.controls-visible .msg-controls{transform:scale(1) translateY(0) !important}#serverMenu,.context-menu,.server-dropdown-menu,.dropdown-menu,#statusMenu{z-index:2147483647 !important;position:fixed !important;isolation:isolate !important}#rightPanel > div:not(.text-xs):not([class*="text-center"]){display:flex;align-items:center;gap:10px;padding:4px 8px;border-radius:6px;cursor:pointer;transition:background 0.15s ease;background:transparent}#rightPanel > div:not(.text-xs):not([class*="text-center"]):hover{background:var(--hover-accent,rgba(255,255,255,0.06))}#rightPanel > .text-xs.uppercase{color:var(--text-muted,#8a8a8f) !important;font-size:11px !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:0.5px !important;padding:12px 8px 4px 8px !important;margin:0 !important}#rightPanel > .text-xs.uppercase:first-child{padding-top:4px !important}#rightPanel > div > .relative:first-child{flex-shrink:0}#rightPanel img.w-10,#rightPanel .w-10.rounded-full{width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important;border-radius:50% !important}#rightPanel .w-3.h-3.rounded-full{width:10px !important;height:10px !important;min-width:10px !important;min-height:10px !important;border-radius:50% !important;border:2px solid var(--bg-primary,#0f0f14) !important}.status-online{background-color:#23a559 !important}.status-away{background-color:#f0b232 !important}.status-busy{background-color:#f23f43 !important}.status-offline,.status-invisible{background-color:#80848e !important}#rightPanel > div > .flex-1{min-width:0;overflow:hidden;opacity:1 !important;visibility:visible !important}#rightPanel .font-medium.text-sm{font-size:14px !important;font-weight:500 !important;line-height:1.3 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1 !important;visibility:visible !important}#rightPanel .member-name{color:var(--text-primary,#dcddde)}#rightPanel > div > .flex-1 > .text-xs{color:var(--text-muted,#8a8a8f) !important;font-size:12px !important;line-height:1.3 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#rightPanel .member-game-activity,.member-game-activity{display:flex !important;align-items:center;gap:4px;color:#23a559 !important;font-size:12px !important;line-height:1.3 !important}#rightPanel .member-game-activity i,.member-game-activity i{font-size:10px}#rightPanel .member-game-activity span,.member-game-activity span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}#rightPanel > div > .flex.gap-1:last-child,#rightPanel > div > .ml-auto:last-child{display:flex;gap:4px;opacity:0;transition:opacity 0.15s ease;flex-shrink:0}#rightPanel > div:hover > .flex.gap-1:last-child,#rightPanel > div:hover > .ml-auto:last-child{opacity:1}#rightPanel .btn-sec{width:28px !important;height:28px !important;min-width:28px !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:6px !important;background:var(--bg-tertiary,#2a303e) !important;border:none !important}#rightPanel .btn-sec:hover{background:var(--accent-color,#6366f1) !important}#rightPanel .btn-sec i{font-size:12px !important}body.theme-light #rightPanel > div:not(.text-xs):not([class*="text-center"]):hover,[data-theme="light"] #rightPanel > div:not(.text-xs):not([class*="text-center"]):hover{background:rgba(0,0,0,0.05) !important}body.theme-light #rightPanel .member-name,[data-theme="light"] #rightPanel .member-name{color:#2e3338}body.theme-light #rightPanel > div > .flex-1 > .text-xs,[data-theme="light"] #rightPanel > div > .flex-1 > .text-xs{color:#6b7280 !important}body.theme-light #rightPanel .btn-sec,[data-theme="light"] #rightPanel .btn-sec{background:rgba(0,0,0,0.05) !important}body.theme-light #rightPanel .btn-sec:hover,[data-theme="light"] #rightPanel .btn-sec:hover{background:var(--accent-color,#6366f1) !important;color:white !important}body.theme-light #rightPanel .w-3.h-3.rounded-full,[data-theme="light"] #rightPanel .w-3.h-3.rounded-full{border-color:#f8fafc !important}#rightPanel::-webkit-scrollbar{width:0 !important;display:none !important}#rightPanel{scrollbar-width:none !important;-ms-overflow-style:none !important}.bg-green-500{background-color:#23a559 !important}.bg-yellow-500{background-color:#f0b232 !important}.bg-red-500{background-color:#f23f43 !important}.bg-gray-400,.bg-gray-500,.bg-neutral-500{background-color:#80848e !important}.status-dot-border{border-color:var(--bg-primary,#0f0f14) !important}body.theme-light .status-dot-border,[data-theme="light"] .status-dot-border{border-color:#f8fafc !important}.message,.message *,.message .group,.message .relative,#messages .group,#messages .relative,.messages-container .group,.messages-container .relative{isolation:auto !important;contain:none !important;z-index:auto !important}.msg-controls{z-index:30 !important;isolation:auto !important}#serverMenu{z-index:2147483647 !important;position:fixed !important;isolation:isolate !important;contain:none !important}.context-menu,.server-dropdown-menu,.dropdown-menu,#statusMenu,.modal[style*="display:flex"],.modal:not(.hidden){z-index:2147483647 !important}.modal-overlay,.modal-backdrop{z-index:2147483640 !important}.role-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--input-bg,rgba(255,255,255,0.04));border:1px solid var(--border-color,#2a303e);border-radius:8px;margin-bottom:8px;transition:all 0.2s ease}.role-item:hover{background:var(--hover-accent,rgba(255,255,255,0.08))}.role-item.dragging{opacity:0.5;transform:scale(1.02);box-shadow:0 8px 32px rgba(0,0,0,0.3)}.role-item-drag{color:var(--text-muted,#8a8a8f);cursor:grab;padding:4px}.role-item-drag:active{cursor:grabbing}.role-item-color{width:16px;height:16px;border-radius:50%;flex-shrink:0}.role-item-info{flex:1;min-width:0}.role-item-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-item-members{font-size:12px;color:var(--text-muted,#8a8a8f)}.role-item-actions{display:flex;gap:8px;opacity:0;transition:opacity 0.2s ease}.role-item:hover .role-item-actions{opacity:1}.role-editor-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color,#2a303e)}.role-editor-header h2{margin:0;font-size:20px;font-weight:600}.role-editor-body{flex:1;overflow-y:auto;padding:24px}.role-editor-footer{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color,#2a303e);background:var(--bg-secondary,#1c212c)}.role-form-section{margin-bottom:24px}.role-form-label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-muted,#8a8a8f);margin-bottom:8px}.role-form-input{width:100%;padding:10px 12px;background:var(--input-bg,rgba(255,255,255,0.04));border:1px solid var(--border-color,#2a303e);border-radius:8px;color:var(--text-primary,#fff);font-size:14px;transition:border-color 0.2s ease}.role-form-input:focus{outline:none;border-color:var(--accent-color,#a3ea30)}.role-color-picker-group{display:flex;gap:16px;align-items:flex-start}.role-color-picker-wrapper{width:80px;height:80px;border-radius:8px;overflow:hidden;border:2px solid var(--border-color,#2a303e)}.role-color-picker-wrapper input[type="color"]{width:100%;height:100%;border:none;cursor:pointer}.role-color-inputs{flex:1;display:flex;flex-direction:column;gap:8px}#roleColorPreview{padding:8px 16px;border-radius:16px;border:2px solid currentColor;font-weight:600;font-size:14px;text-align:center;background:transparent}.color-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.color-preset{width:28px;height:28px;border-radius:50%;cursor:pointer;transition:transform 0.15s ease,box-shadow 0.15s ease;border:2px solid transparent}.color-preset:hover{transform:scale(1.15);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.role-settings-group{display:flex;flex-direction:column;gap:12px}.role-checkbox-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--input-bg,rgba(255,255,255,0.04));border-radius:8px;cursor:pointer;transition:background 0.2s ease}.role-checkbox-item:hover{background:var(--hover-accent,rgba(255,255,255,0.08))}.role-checkbox-item input[type="checkbox"]{margin-top:2px}.role-checkbox-content{flex:1}.role-checkbox-title{font-weight:600;font-size:14px;color:var(--text-primary,#fff)}.role-checkbox-desc{font-size:12px;color:var(--text-muted,#8a8a8f);margin-top:2px}.permission-category{margin-bottom:24px}.permission-category-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-muted,#8a8a8f);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color,#2a303e)}.permission-list{display:flex;flex-direction:column;gap:4px}.permission-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--input-bg,rgba(255,255,255,0.04));border-radius:8px;cursor:pointer;transition:background 0.2s ease}.permission-item:hover{background:var(--hover-accent,rgba(255,255,255,0.08))}.permission-item.dangerous{border-left:3px solid #ef4444}.permission-info{flex:1}.permission-name{font-weight:500;font-size:14px;color:var(--text-primary,#fff)}.permission-desc{font-size:12px;color:var(--text-muted,#8a8a8f);margin-top:2px}.permission-checkbox{width:20px;height:20px;cursor:pointer}.permission-tristate{display:flex;align-items:center;gap:2px;background:var(--input-bg,rgba(0,0,0,0.2));border-radius:6px;padding:2px}.tristate-btn{width:32px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:all 0.15s ease;color:var(--text-muted,#72767d);font-size:12px}.tristate-btn:hover{background:rgba(255,255,255,0.1)}.tristate-btn.deny.active{background:#ed4245;color:#fff}.tristate-btn.deny:hover:not(.active){background:rgba(237,66,69,0.3);color:#ed4245}.tristate-btn.inherit.active{background:var(--bg-tertiary,#4f545c);color:#fff}.tristate-btn.inherit:hover:not(.active){background:rgba(79,84,92,0.5);color:var(--text-primary,#fff)}.tristate-btn.allow.active{background:#3ba55c;color:#fff}.tristate-btn.allow:hover:not(.active){background:rgba(59,165,92,0.3);color:#3ba55c}.permission-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--input-bg,rgba(255,255,255,0.04));border-radius:8px;cursor:default;transition:background 0.2s ease}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;border:none;color:var(--text-muted,#8a8a8f);cursor:pointer;transition:all 0.2s ease}.btn-icon:hover{background:var(--hover-accent,rgba(255,255,255,0.1));color:var(--text-primary,#fff)}.btn-icon.btn-danger:hover{background:rgba(239,68,68,0.2);color:#ef4444}