:root{--bg-primary:#0f0f14;--bg-primary-rgb:15,15,20;--bg-secondary:#18181f;--bg-secondary-rgb:24,24,31;--bg-tertiary:#1f1f28;--surface-color:rgba(24,24,31,0.95);--surface-color-rgb:24,24,31;--text-primary:#f5f5f7;--text-secondary:#c4c4c8;--text-muted:#8a8a8f;--accent-color:#a3ea30;--accent-hover:#8fd41a;--accent-gradient:linear-gradient(135deg,#a3ea30 0%,#8b5cf6 100%);--primary:#a3ea30;--danger-color:#f43f5e;--success-color:#10b981;--warning-color:#f59e0b;--info-color:#3b82f6;--border-color:rgba(255,255,255,0.08);--shadow-color:rgba(0,0,0,0.4);--input-bg:rgba(255,255,255,0.04);--modal-bg:rgba(0,0,0,0.9);--glass-bg:rgba(15,15,20,0.7);--glass-blur:blur(16px);--status-online:#23a559;--status-away:#f0b232;--status-busy:#f23f43;--status-invisible:#80848e;--status-offline:#80848e;--selected-bg:rgba(163,234,48,0.2);--selected-text:#c5f06a;--selected-border:rgba(163,234,48,0.4);--check-color:#a3ea30;--hover-accent:rgba(163,234,48,0.1);--warning-hover:#fbbf24;--info-hover:#3b82f6;--success-hover:#10b981;--purple-hover:#8b5cf6;--danger-hover:#dc2626;--gray-700:#525357;--gray-800:#3b3d44;--gray-850:#35373d;--gray-900:#2b2d31;--dark-bg:#111216;--dark-hover:#282a2d;--mobile-nav-height:68px;--mobile-header-height:56px;--mobile-touch-target:44px;--muted-surface:rgba(255,255,255,0.02);--avatar-fallback-bg:var(--accent-color);--bg:var(--bg-primary);--surface:var(--surface-color);--muted:var(--input-bg);--text:var(--text-primary);--muted-text:var(--text-muted);--border:var(--border-color);--shadow:var(--shadow-color);--online:var(--status-online);--warn:var(--status-away);--danger:var(--status-busy);--accent:var(--accent-color);--wp-bg:var(--surface-color);--wp-accent:var(--accent-color);--wp-muted:rgba(255,255,255,0.06);--wp-text:var(--text-primary)}*{transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}.dm-avatar-fallback{width:48px !important;height:48px !important;border-radius:50% !important;background:var(--avatar-fallback-bg,var(--accent-color)) !important;display:flex !important;align-items:center !important;justify-content:center !important;font-weight:600 !important;font-size:18px !important;color:white !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;border:2px solid rgba(255,255,255,0.1) !important}.dm-avatar-fallback:not([style*="display:none"]),.dm-avatar-fallback:not([style*="display:none"]),.dm-avatar-fallback[style*="display:flex"],.dm-avatar-fallback[style*="display:flex"]{background:var(--avatar-fallback-bg,var(--accent-color)) !important;color:white !important}.dm-avatar-fallback[style*="display:none"],.dm-avatar-fallback[style*="display:none"]{display:none !important}div[class*="fallback"]:not([style*="display:none"]):not([style*="display:none"]){background:var(--avatar-fallback-bg,var(--accent-color)) !important;color:white !important}.call-avatar-fallback{background:var(--accent-gradient) !important}@media (max-width:768px){.dm-avatar-fallback{width:40px !important;height:40px !important;font-size:16px !important}}#channels{background:var(--bg-primary) !important}#channelsSidebar{background:var(--surface-color) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border-color) !important}#channelsSidebar #channels{background:transparent !important}#serverHeader{background:var(--bg-secondary) !important;border-bottom:1px solid var(--border-color) !important}header{background:var(--surface-color) !important;border-bottom:1px solid var(--border-color) !important;box-shadow:0 2px 8px var(--shadow-color) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:visible !important;position:relative;z-index:50}#mobileNavBar{background:var(--surface-color) !important;border-top:1px solid var(--border-color) !important;box-shadow:0 -4px 16px var(--shadow-color) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#homeDmList{display:flex;flex-direction:column;gap:4px}.dm-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;background:transparent;overflow:hidden;border:1px solid transparent;margin:1px 8px;min-height:72px}.dm-item::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,0.08) 0%,rgba(139,92,246,0.06) 50%,rgba(59,130,246,0.04) 100%);opacity:0;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border-radius:16px;z-index:0}.dm-item:hover::before{opacity:1;transform:scale(1.02)}.dm-item:hover{transform:translateX(6px) translateY(-1px);box-shadow:0 8px 25px rgba(0,0,0,0.15),0 4px 12px rgba(99,102,241,0.1),inset 0 1px 0 rgba(255,255,255,0.1);border-color:rgba(99,102,241,0.2)}.dm-item:active{transform:translateX(3px) translateY(0px) scale(0.98);transition:all 0.1s ease}.dm-item.has-unread{background:linear-gradient(135deg,rgba(99,102,241,0.12) 0%,rgba(139,92,246,0.08) 100%);border-color:rgba(99,102,241,0.3);box-shadow:0 0 0 1px rgba(99,102,241,0.2)}.dm-item.has-unread:hover{background:linear-gradient(135deg,rgba(99,102,241,0.18) 0%,rgba(139,92,246,0.12) 100%);border-color:rgba(99,102,241,0.4)}.dm-avatar-container{position:relative;flex-shrink:0;z-index:1;margin-top:2px}.dm-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.dm-item:hover .dm-avatar,.dm-item:hover .dm-avatar-fallback:not([style*="display:none"]),.dm-item:hover img{transform:scale(1.05);box-shadow:0 0 0 3px rgba(99,102,241,0.3),0 6px 16px rgba(0,0,0,0.15);border-color:rgba(255,255,255,0.2)}.dm-status-indicator{position:absolute;bottom:-1px;right:-1px;width:16px;height:16px;border-radius:50%;border:2px solid var(--bg-primary,#1a1a1a);background:#10b981;transition:all 0.3s ease;z-index:10}.dm-status-indicator.offline{background:#6b7280}.dm-status-indicator.idle{background:#f59e0b}.dm-status-indicator.dnd{background:#ef4444}.dm-item:hover .dm-status-indicator{transform:scale(1.1);box-shadow:0 0 0 2px rgba(255,255,255,0.3)}.dm-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-top:2px}.dm-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.dm-username{font-size:16px;font-weight:600;color:var(--text-primary,#ffffff);transition:all 0.3s ease;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-item:hover .dm-username{color:rgba(99,102,241,1)}.dm-timestamp{font-size:13px;color:var(--text-tertiary,#888888);opacity:0.8;transition:all 0.3s ease;flex-shrink:0;margin-left:8px;font-weight:400}.dm-item:hover .dm-timestamp{opacity:1;color:rgba(99,102,241,0.8)}.dm-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.dm-last-message{font-size:14px;color:var(--text-secondary,#b3b3b3);opacity:0.9;transition:all 0.3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;line-height:1.3}.dm-item:hover .dm-last-message{opacity:1;color:var(--text-primary,#ffffff)}.dm-unread-count{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:white;font-size:12px;font-weight:700;padding:3px 7px;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 6px rgba(239,68,68,0.3);animation:pulse-unread 2s infinite;flex-shrink:0}@keyframes pulse-unread{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.dm-delivery-status{display:inline-flex;align-items:center;margin-left:4px;font-size:12px;opacity:0.7}.dm-delivery-status.sent{color:#10b981}.dm-delivery-status.delivered{color:#3b82f6}.dm-delivery-status.read{color:#8b5cf6}.dm-info{flex:1;min-width:0;z-index:1}.dm-username{font-size:16px;font-weight:600;color:var(--text-primary,#ffffff);margin-bottom:2px;transition:all 0.3s ease;display:flex;align-items:center;gap:8px}.dm-item:hover .dm-username{color:rgba(99,102,241,1);transform:translateX(2px)}.dm-last-message{font-size:14px;color:var(--text-secondary,#b3b3b3);opacity:0.8;transition:all 0.3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.dm-item:hover .dm-last-message{opacity:1;color:var(--text-primary,#ffffff)}.dm-timestamp{font-size:12px;color:var(--text-tertiary,#888888);opacity:0.7;transition:all 0.3s ease;flex-shrink:0;z-index:1}.dm-item:hover .dm-timestamp{opacity:1;color:rgba(99,102,241,0.8)}.dm-unread-count{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:white;font-size:12px;font-weight:700;padding:4px 8px;border-radius:12px;min-width:20px;text-align:center;box-shadow:0 2px 8px rgba(239,68,68,0.3);animation:pulse-unread 2s infinite;z-index:1}@keyframes pulse-unread{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.dm-typing-indicator{position:absolute;bottom:8px;left:70px;display:flex;align-items:center;gap:6px;background:rgba(99,102,241,0.9);color:white;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;box-shadow:0 4px 12px rgba(99,102,241,0.3);animation:slideInUp 0.3s ease;z-index:3}.dm-typing-indicator::before{content:'';position:absolute;bottom:-4px;left:12px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(99,102,241,0.9)}@keyframes slideInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.typing-dots{display:flex;gap:2px}.typing-dots span{width:4px;height:4px;background:currentColor;border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:-0.32s}.typing-dots span:nth-child(2){animation-delay:-0.16s}.typing-dots span:nth-child(3){animation-delay:0s}@keyframes typing-bounce{0%,80%,100%{transform:scale(0.8);opacity:0.5}40%{transform:scale(1);opacity:1}}.dm-pinned-indicator{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:0 2px 6px rgba(245,158,11,0.3);z-index:2}.dm-pinned-indicator::before{content:'📌';font-size:8px}[data-theme="light"],[data-theme="light-default"]{--bg-primary:#ffffff;--bg-primary-rgb:255,255,255;--bg-secondary:#f8fafc;--bg-secondary-rgb:248,250,252;--bg-tertiary:#f1f5f9;--surface-color:rgba(255,255,255,0.95);--surface-color-rgb:255,255,255;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--accent-color:#6366f1;--accent-hover:#4f46e5;--accent-gradient:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--primary:#6366f1;--danger-color:#dc2626;--success-color:#059669;--warning-color:#d97706;--info-color:#2563eb;--border-color:rgba(0,0,0,0.1);--shadow-color:rgba(0,0,0,0.1);--input-bg:rgba(0,0,0,0.02);--modal-bg:rgba(0,0,0,0.5);--glass-bg:rgba(255,255,255,0.8);--glass-blur:blur(16px);--status-online:#059669;--status-away:#d97706;--status-busy:#dc2626;--status-invisible:#6b7280;--status-offline:#6b7280;--selected-bg:rgba(99,102,241,0.1);--selected-text:#4f46e5;--selected-border:rgba(99,102,241,0.3);--check-color:#6366f1;--hover-accent:rgba(99,102,241,0.05);--warning-hover:#f59e0b;--info-hover:#3b82f6;--success-hover:#10b981;--purple-hover:#8b5cf6;--danger-hover:#ef4444;--gray-700:#d1d5db;--gray-800:#e5e7eb;--gray-850:#f3f4f6;--gray-900:#f9fafb;--dark-bg:#ffffff;--dark-hover:#f3f4f6;--muted-surface:rgba(0,0,0,0.02);--avatar-fallback-bg:var(--accent-color);--bg:var(--bg-primary);--surface:var(--surface-color);--muted:var(--input-bg);--text:var(--text-primary);--muted-text:var(--text-muted);--border:var(--border-color);--shadow:var(--shadow-color);--online:var(--status-online);--warn:var(--status-away);--danger:var(--status-busy);--accent:var(--accent-color);--wp-bg:var(--surface-color);--wp-accent:var(--accent-color);--wp-muted:rgba(0,0,0,0.06);--wp-text:var(--text-primary)}.preview-card-redesign,.profile-preview-card{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary);transition:all 0.3s ease}.preview-card-redesign .preview-banner,.profile-preview-card .preview-banner{border-bottom:1px solid var(--border-color)}.preview-card-redesign .preview-content,.profile-preview-card .preview-content{background:var(--bg-secondary)}.preview-card-redesign.theme-light,.profile-preview-card.theme-light,[data-theme="light"] .preview-card-redesign,[data-theme="light"] .profile-preview-card,body.theme-light .preview-card-redesign,body.theme-light .profile-preview-card{background:rgba(255,255,255,0.95) !important;border-color:rgba(0,0,0,0.1) !important;color:#1f2937 !important;box-shadow:0 4px 12px rgba(0,0,0,0.1) !important}.preview-card-redesign.theme-light .preview-content,.profile-preview-card.theme-light .preview-content,[data-theme="light"] .preview-card-redesign .preview-content,[data-theme="light"] .profile-preview-card .preview-content,body.theme-light .preview-card-redesign .preview-content,body.theme-light .profile-preview-card .preview-content{background:rgba(248,250,252,0.8) !important;color:#4b5563 !important}.profile-card-redesign,.server-profile-card{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary);transition:all 0.3s ease}.profile-card-redesign .profile-header,.server-profile-card .profile-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.profile-card-redesign .profile-content,.server-profile-card .profile-content{background:var(--surface-color)}.profile-card-redesign.theme-light,.server-profile-card.theme-light,[data-theme="light"] .profile-card-redesign,[data-theme="light"] .server-profile-card,body.theme-light .profile-card-redesign,body.theme-light .server-profile-card{background:rgba(255,255,255,0.95) !important;border-color:rgba(0,0,0,0.1) !important;color:#1f2937 !important;box-shadow:0 8px 24px rgba(0,0,0,0.12) !important}.profile-card-redesign.theme-light .profile-header,.server-profile-card.theme-light .profile-header,[data-theme="light"] .profile-card-redesign .profile-header,[data-theme="light"] .server-profile-card .profile-header,body.theme-light .profile-card-redesign .profile-header,body.theme-light .server-profile-card .profile-header{background:rgba(248,250,252,0.9) !important;border-bottom-color:rgba(0,0,0,0.08) !important}.profile-card-redesign.theme-light .profile-content,.server-profile-card.theme-light .profile-content,[data-theme="light"] .profile-card-redesign .profile-content,[data-theme="light"] .server-profile-card .profile-content,body.theme-light .profile-card-redesign .profile-content,body.theme-light .server-profile-card .profile-content{background:rgba(255,255,255,0.95) !important;color:#4b5563 !important}.profile-card-redesign.theme-light h1,.profile-card-redesign.theme-light h2,.profile-card-redesign.theme-light h3,.server-profile-card.theme-light h1,.server-profile-card.theme-light h2,.server-profile-card.theme-light h3,[data-theme="light"] .profile-card-redesign h1,[data-theme="light"] .profile-card-redesign h2,[data-theme="light"] .profile-card-redesign h3,[data-theme="light"] .server-profile-card h1,[data-theme="light"] .server-profile-card h2,[data-theme="light"] .server-profile-card h3,body.theme-light .profile-card-redesign h1,body.theme-light .profile-card-redesign h2,body.theme-light .profile-card-redesign h3,body.theme-light .server-profile-card h1,body.theme-light .server-profile-card h2,body.theme-light .server-profile-card h3{color:#1f2937 !important}.profile-card-redesign.theme-light .btn,.profile-card-redesign.theme-light button,.server-profile-card.theme-light .btn,.server-profile-card.theme-light button,[data-theme="light"] .profile-card-redesign .btn,[data-theme="light"] .profile-card-redesign button,[data-theme="light"] .server-profile-card .btn,[data-theme="light"] .server-profile-card button,body.theme-light .profile-card-redesign .btn,body.theme-light .profile-card-redesign button,body.theme-light .server-profile-card .btn,body.theme-light .server-profile-card button{background:rgba(99,102,241,0.1) !important;border-color:rgba(99,102,241,0.2) !important;color:#4f46e5 !important}.profile-card-redesign.theme-light .btn:hover,.profile-card-redesign.theme-light button:hover,.server-profile-card.theme-light .btn:hover,.server-profile-card.theme-light button:hover,[data-theme="light"] .profile-card-redesign .btn:hover,[data-theme="light"] .profile-card-redesign button:hover,[data-theme="light"] .server-profile-card .btn:hover,[data-theme="light"] .server-profile-card button:hover,body.theme-light .profile-card-redesign .btn:hover,body.theme-light .profile-card-redesign button:hover,body.theme-light .server-profile-card .btn:hover,body.theme-light .server-profile-card button:hover{background:rgba(99,102,241,0.15) !important;border-color:rgba(99,102,241,0.3) !important}body.theme-light .hover\:bg-neutral-700:hover,body.theme-light .hover\:bg-neutral-800:hover{background:rgba(0,0,0,0.05) !important}body.theme-light .bg-neutral-800,body.theme-light .bg-neutral-700{background:rgba(0,0,0,0.02) !important}body.theme-light .text-neutral-400{color:#6b7280 !important}body.theme-light .text-neutral-300{color:#9ca3af !important}body.theme-light .text-neutral-200{color:#d1d5db !important}body.theme-light .modal{background:rgba(0,0,0,0.5) !important}.notification-container{position:fixed;top:20px;right:20px;z-index:2147483647;pointer-events:none}.notification{background:linear-gradient(135deg,rgba(30,30,30,0.95) 0%,rgba(40,40,40,0.95) 100%);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:16px 20px;margin-bottom:12px;min-width:320px;max-width:400px;box-shadow:0 20px 40px rgba(0,0,0,0.3),0 8px 16px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1);animation:slideInRight 0.4s cubic-bezier(0.4,0,0.2,1);pointer-events:auto;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden}.notification::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#3b82f6);border-radius:16px 16px 0 0}.notification:hover{transform:translateX(-4px) scale(1.02);box-shadow:0 25px 50px rgba(0,0,0,0.4),0 12px 24px rgba(0,0,0,0.3)}.notification.closing{animation:slideOutRight 0.3s ease forwards}@keyframes slideInRight{from{opacity:0;transform:translateX(100%) scale(0.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideOutRight{to{opacity:0;transform:translateX(100%) scale(0.9)}}.notification-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.notification-icon{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.2);flex-shrink:0}.notification-title{font-size:15px;font-weight:600;color:#ffffff;flex:1;line-height:1.3}.notification-close{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,0.1);border:none;color:rgba(255,255,255,0.7);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;font-size:12px}.notification-close:hover{background:rgba(255,255,255,0.2);color:#ffffff;transform:scale(1.1)}.notification-body{color:rgba(255,255,255,0.8);font-size:14px;line-height:1.4;margin-bottom:12px}.notification-actions{display:flex;gap:8px;margin-top:12px}.notification-action{padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.1);color:#ffffff;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s ease}.notification-action:hover{background:rgba(255,255,255,0.2);transform:translateY(-1px)}.notification-action.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent}.notification-action.primary:hover{background:linear-gradient(135deg,#5855eb,#7c3aed)}.notification.call::before{background:linear-gradient(90deg,#10b981,#059669)}.notification.error::before{background:linear-gradient(90deg,#ef4444,#dc2626)}.notification.warning::before{background:linear-gradient(90deg,#f59e0b,#d97706)}.notification.success::before{background:linear-gradient(90deg,#10b981,#059669)}.notification.info::before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.notification-progress{width:100%;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;margin-top:8px;overflow:hidden}.notification-progress-bar{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;transition:width 0.3s ease}@media (max-width:768px){.notification-container{top:10px;right:10px;left:10px}.notification{min-width:auto;max-width:none;margin-bottom:8px}}.chat-typing-indicator{display:flex;align-items:center;gap:8px;padding:12px 16px;margin:8px 0;background:rgba(99,102,241,0.1);border-radius:12px;border-left:3px solid #6366f1;animation:fadeInUp 0.3s ease}.chat-typing-indicator .typing-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid rgba(99,102,241,0.3)}.chat-typing-indicator .typing-text{color:#6366f1;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pinned-message-banner{background:linear-gradient(135deg,rgba(245,158,11,0.15) 0%,rgba(217,119,6,0.1) 100%);border:1px solid rgba(245,158,11,0.3);border-radius:12px;padding:12px 16px;margin:8px 16px;display:flex;align-items:center;gap:12px;animation:slideDown 0.4s ease}.pinned-message-banner::before{content:'📌';font-size:18px;flex-shrink:0}.pinned-message-content{flex:1;min-width:0}.pinned-message-author{font-size:13px;font-weight:600;color:#f59e0b;margin-bottom:2px}.pinned-message-text{font-size:14px;color:var(--text-primary,#ffffff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-message-close{width:28px;height:28px;border-radius:50%;background:rgba(245,158,11,0.2);border:none;color:#f59e0b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;font-size:14px}.pinned-message-close:hover{background:rgba(245,158,11,0.3);transform:scale(1.1)}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.message-status{display:inline-flex;align-items:center;gap:4px;font-size:12px;margin-left:8px;opacity:0.7}.message-status.failed{color:#ef4444;opacity:1}.message-status.sending{color:#f59e0b;opacity:1}.message-status.sent{color:#10b981}.message-status-icon{width:12px;height:12px;display:flex;align-items:center;justify-content:center}.message-status.sending .message-status-icon{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.forwarded-header{display:flex;align-items:center;gap:6px;padding:6px 10px;margin:-4px -4px 8px -4px;background:rgba(99,102,241,0.1);border-radius:8px 8px 0 0;border-left:3px solid var(--accent-color,#6366f1);font-size:12px;color:var(--accent-color,#6366f1)}.forwarded-header i{font-size:12px;opacity:0.8}.forwarded-header .forwarded-from{font-weight:600;color:var(--accent-color,#6366f1)}[data-theme="light"] .forwarded-header,[data-theme="light-default"] .forwarded-header,body.theme-light .forwarded-header{background:rgba(99,102,241,0.08);color:#4f46e5}[data-theme="light"] .forwarded-header .forwarded-from,[data-theme="light-default"] .forwarded-header .forwarded-from,body.theme-light .forwarded-header .forwarded-from{color:#4f46e5}.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:4px;color:#5865f2;vertical-align:middle}.verified-badge svg{width:16px;height:16px}.verified-badge-lg{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:6px;vertical-align:middle}.verified-badge-lg svg{width:20px;height:20px}.profile-verified-badge{position:absolute;bottom:8px;right:8px;width:24px;height:24px;background:var(--bg-primary,#1a1a1a);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.profile-verified-badge svg{width:20px;height:20px}.member-header .verified-badge,.member-username + .verified-badge{margin-left:4px}.message-author-name .verified-badge{margin-left:4px;font-size:14px}.dm-username .verified-badge,.dm-name .verified-badge{margin-left:4px}.connection-indicator{position:fixed;top:10px;left:50%;transform:translateX(-50%);background:rgba(239,68,68,0.9);color:white;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;z-index:9999;animation:slideDown 0.3s ease;backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(239,68,68,0.3)}.connection-indicator.good{background:rgba(16,185,129,0.9);box-shadow:0 4px 12px rgba(16,185,129,0.3)}.connection-indicator.poor{background:rgba(245,158,11,0.9);box-shadow:0 4px 12px rgba(245,158,11,0.3)}[data-theme="light"] .notification{background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(248,250,252,0.95) 100%);border-color:rgba(0,0,0,0.1);color:#1f2937;box-shadow:0 20px 40px rgba(0,0,0,0.1),0 8px 16px rgba(0,0,0,0.05)}[data-theme="light"] .notification-title{color:#1f2937}[data-theme="light"] .notification-body{color:#6b7280}[data-theme="light"] .notification-close{background:rgba(0,0,0,0.1);color:#6b7280}[data-theme="light"] .notification-close:hover{background:rgba(0,0,0,0.15);color:#1f2937}[data-theme="light"] .chat-typing-indicator{background:rgba(99,102,241,0.05);border-left-color:#6366f1}[data-theme="light"] .pinned-message-banner{background:rgba(245,158,11,0.1);border-color:rgba(245,158,11,0.2)}[data-theme="light"] .pinned-message-text{color:#1f2937}@media (max-width:768px){.dm-item{padding:10px 12px;gap:10px;margin:1px 4px;min-height:64px}.dm-avatar{width:44px;height:44px}.dm-username{font-size:15px}.dm-last-message{font-size:13px}.dm-timestamp{font-size:12px}.dm-typing-indicator{left:58px;font-size:10px;padding:2px 6px}}@media (max-width:480px){.dm-item{padding:8px 10px;gap:8px;min-height:60px}.dm-avatar{width:40px;height:40px}.dm-username{font-size:14px}.dm-last-message{font-size:12px}.dm-timestamp{font-size:11px}.dm-unread-count{font-size:11px;padding:2px 6px;min-width:16px}.dm-typing-indicator{left:52px;font-size:9px;padding:1px 5px}}[data-theme="dark"] .dm-content{color:#ffffff}[data-theme="dark"] .dm-header{color:#ffffff}[data-theme="dark"] .dm-bottom{color:#b3b3b3}[data-theme="light"] .dm-content{color:#1f2937}[data-theme="light"] .dm-header{color:#1f2937}[data-theme="light"] .dm-bottom{color:#6b7280}[data-theme="light"] .dm-username{color:#1f2937}[data-theme="light"] .dm-last-message{color:#6b7280}[data-theme="light"] .dm-timestamp{color:#9ca3af}[data-theme="light"] .dm-status-indicator{border-color:#ffffff}[data-theme="light"] .dm-typing-indicator{background:rgba(99,102,241,0.9);color:white}[data-theme="light"] .dm-typing-indicator::before{border-top-color:rgba(99,102,241,0.9)}.voice-user{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;transition:all 0.2s ease;position:relative}.voice-user:hover{background:rgba(255,255,255,0.05)}.voice-user img,.voice-user-avatar img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,0.1)}.voice-user .status-indicator,.voice-user-avatar .status-indicator{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;border:1px solid var(--bg-primary,#1a1a1a);background:#10b981;z-index:10}.voice-user .status-indicator.offline,.voice-user-avatar .status-indicator.offline{background:#6b7280}.voice-user .status-indicator.idle,.voice-user-avatar .status-indicator.idle{background:#f59e0b}.voice-user .status-indicator.dnd,.voice-user-avatar .status-indicator.dnd{background:#ef4444}.voice-user .username{font-size:13px;color:var(--text-primary,#ffffff);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.friend-item,.contact-item,.member-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;background:transparent;overflow:hidden;border:1px solid transparent;margin:1px 8px;min-height:68px}.friend-item:hover,.contact-item:hover,.member-item:hover{background:rgba(99,102,241,0.05);transform:translateX(2px)}.friend-item:active,.contact-item:active,.member-item:active{transform:scale(0.98);background:rgba(99,102,241,0.1)}.friend-avatar,.contact-avatar,.member-avatar{position:relative;width:50px;height:50px;flex-shrink:0;margin-top:2px}.friend-avatar img,.contact-avatar img,.member-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.1);transition:all 0.3s ease}.friend-item:hover .friend-avatar img,.contact-item:hover .contact-avatar img,.member-item:hover .member-avatar img{transform:scale(1.05);border-color:rgba(99,102,241,0.5)}.friend-status,.contact-status,.member-status{position:absolute;bottom:-1px;right:-1px;width:16px;height:16px;border-radius:50%;border:2px solid var(--bg-primary,#1a1a1a);background:#6b7280;z-index:10}.friend-status.online,.contact-status.online,.member-status.online{background:#10b981}.friend-status.idle,.contact-status.idle,.member-status.idle{background:#f59e0b}.friend-status.dnd,.contact-status.dnd,.member-status.dnd{background:#ef4444}.friend-info,.contact-info,.member-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-top:2px}.friend-name,.contact-name,.member-name{font-size:16px;font-weight:600;color:var(--text-primary,#ffffff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.friend-activity,.contact-activity,.member-activity{font-size:14px;color:var(--text-secondary,#b3b3b3);opacity:0.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.friend-actions,.contact-actions,.member-actions{display:flex;gap:6px;flex-shrink:0;margin-top:4px}.friend-actions button,.contact-actions button,.member-actions button{width:32px;height:32px;border-radius:8px;border:none;background:rgba(255,255,255,0.1);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;font-size:14px}.friend-actions button:hover,.contact-actions button:hover,.member-actions button:hover{background:rgba(255,255,255,0.2);transform:scale(1.05)}.friend-actions button.primary,.contact-actions button.primary,.member-actions button.primary{background:rgba(99,102,241,0.2);color:#6366f1}.friend-actions button.primary:hover,.contact-actions button.primary:hover,.member-actions button.primary:hover{background:rgba(99,102,241,0.3)}.member-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;background:transparent;overflow:hidden;border:1px solid transparent;margin:1px 8px;min-height:68px}.member-item::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,0.08) 0%,rgba(139,92,246,0.06) 50%,rgba(59,130,246,0.04) 100%);opacity:0;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border-radius:16px;z-index:0}.member-item:hover::before{opacity:1;transform:scale(1.02)}.member-item:hover{transform:translateX(6px) translateY(-1px);box-shadow:0 8px 25px rgba(0,0,0,0.15),0 4px 12px rgba(99,102,241,0.1),inset 0 1px 0 rgba(255,255,255,0.1);border-color:rgba(99,102,241,0.2)}.member-item:active{transform:translateX(3px) translateY(0px) scale(0.98);transition:all 0.1s ease}.member-avatar-container{position:relative;flex-shrink:0;z-index:1;margin-top:2px}.member-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.member-avatar-fallback{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color,#6366f1) 0%,#8b5cf6 100%);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:18px;border:2px solid rgba(255,255,255,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.member-item:hover .member-avatar,.member-item:hover .member-avatar-fallback{transform:scale(1.05);box-shadow:0 0 0 3px rgba(99,102,241,0.3),0 6px 16px rgba(0,0,0,0.15);border-color:rgba(255,255,255,0.2)}.member-status-indicator{position:absolute;bottom:-1px;right:-1px;width:16px;height:16px;border-radius:50%;border:2px solid var(--bg-primary,#1a1a1a);background:#6b7280;transition:all 0.3s ease;z-index:10}.member-status-indicator.online{background:#10b981}.member-status-indicator.away{background:#f59e0b}.member-status-indicator.busy{background:#ef4444}.member-status-indicator.offline{background:#6b7280}.member-item:hover .member-status-indicator{transform:scale(1.1);box-shadow:0 0 0 2px rgba(255,255,255,0.3)}.member-info{flex:1;min-width:0;z-index:1;display:flex;flex-direction:column;gap:2px}.member-header{display:flex;align-items:center;gap:6px}.member-username{font-size:16px;font-weight:600;color:var(--text-primary,#ffffff);transition:all 0.3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-item:hover .member-username{color:rgba(99,102,241,1);transform:translateX(2px)}.member-role{font-size:14px;color:var(--text-secondary,#b3b3b3);opacity:0.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-activity{font-size:14px;color:var(--text-secondary,#b3b3b3);opacity:0.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.member-activity i{color:#10b981;font-size:12px}.member-actions{display:flex;gap:6px;flex-shrink:0;z-index:1;opacity:0;transition:opacity 0.2s ease}.member-item:hover .member-actions{opacity:1}.member-action-btn{width:32px;height:32px;border-radius:8px;border:none;background:rgba(255,255,255,0.1);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;font-size:14px}.member-action-btn:hover{background:rgba(99,102,241,0.2);color:#6366f1;transform:scale(1.1)}.contact-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;background:transparent;overflow:hidden;border:1px solid transparent;margin:1px 8px;min-height:68px}.contact-item::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,0.08) 0%,rgba(139,92,246,0.06) 50%,rgba(59,130,246,0.04) 100%);opacity:0;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border-radius:16px;z-index:0}.contact-item:hover::before{opacity:1;transform:scale(1.02)}.contact-item:hover{transform:translateX(6px) translateY(-1px);box-shadow:0 8px 25px rgba(0,0,0,0.15),0 4px 12px rgba(99,102,241,0.1),inset 0 1px 0 rgba(255,255,255,0.1);border-color:rgba(99,102,241,0.2)}.contact-item:active{transform:translateX(3px) translateY(0px) scale(0.98);transition:all 0.1s ease}.contact-item.has-unread{background:linear-gradient(135deg,rgba(99,102,241,0.12) 0%,rgba(139,92,246,0.08) 100%);border-color:rgba(99,102,241,0.3)}.contact-avatar-container{position:relative;flex-shrink:0;z-index:1;margin-top:2px}.contact-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.contact-avatar-fallback{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color,#6366f1) 0%,#8b5cf6 100%);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:18px;border:2px solid rgba(255,255,255,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.contact-item:hover .contact-avatar,.contact-item:hover .contact-avatar-fallback{transform:scale(1.05);box-shadow:0 0 0 3px rgba(99,102,241,0.3),0 6px 16px rgba(0,0,0,0.15);border-color:rgba(255,255,255,0.2)}.contact-status-indicator{position:absolute;bottom:-1px;right:-1px;width:16px;height:16px;border-radius:50%;border:2px solid var(--bg-primary,#1a1a1a);background:#6b7280;transition:all 0.3s ease;z-index:10}.contact-status-indicator.online{background:#10b981}.contact-status-indicator.away{background:#f59e0b}.contact-status-indicator.busy{background:#ef4444}.contact-status-indicator.offline{background:#6b7280}.contact-item:hover .contact-status-indicator{transform:scale(1.1);box-shadow:0 0 0 2px rgba(255,255,255,0.3)}.contact-info{flex:1;min-width:0;z-index:1;display:flex;flex-direction:column;gap:4px}.contact-header{display:flex;justify-content:space-between;align-items:baseline}.contact-username{font-size:16px;font-weight:600;color:var(--text-primary,#ffffff);transition:all 0.3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-item:hover .contact-username{color:rgba(99,102,241,1)}.contact-time{font-size:12px;color:var(--text-muted,#888888);opacity:0.8;flex-shrink:0;margin-left:8px}.contact-preview{font-size:14px;color:var(--text-secondary,#b3b3b3);opacity:0.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-item.has-unread .contact-preview{color:var(--text-primary,#ffffff);opacity:1}.contact-actions{display:flex;gap:6px;flex-shrink:0;z-index:1;opacity:0;transition:opacity 0.2s ease}.contact-item:hover .contact-actions{opacity:1}.contact-action-btn{width:32px;height:32px;border-radius:8px;border:none;background:rgba(255,255,255,0.1);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;font-size:14px}.contact-action-btn:hover{background:rgba(99,102,241,0.2);color:#6366f1;transform:scale(1.1)}.dm-unread-badge{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:white;font-size:11px;font-weight:700;padding:3px 7px;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 6px rgba(239,68,68,0.3);z-index:2}.mutual-servers-list{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.mutual-server-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(255,255,255,0.05);border-radius:8px;cursor:pointer;transition:all 0.2s ease}.mutual-server-item:hover{background:rgba(99,102,241,0.15);transform:translateY(-2px)}.mutual-server-icon{width:28px;height:28px;border-radius:8px;object-fit:cover}.mutual-server-fallback{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--accent-color,#6366f1) 0%,#8b5cf6 100%);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:12px}.mutual-server-name{font-size:14px;font-weight:500;color:var(--text-primary)}.no-mutual-servers{color:var(--text-muted);font-size:14px;padding:12px;text-align:center}.member-time{font-size:12px;color:var(--text-muted,#888888);opacity:0.8;flex-shrink:0;margin-left:auto}.member-item.has-unread{background:linear-gradient(135deg,rgba(99,102,241,0.12) 0%,rgba(139,92,246,0.08) 100%);border-color:rgba(99,102,241,0.3)}.member-item.has-unread .member-username{color:var(--text-primary,#ffffff);font-weight:700}.member-item.has-unread .member-role{color:var(--text-primary,#ffffff);opacity:1}.member-actions.contact-actions-visible{opacity:1 !important}.member-action-btn-sm{width:26px !important;height:26px !important;font-size:12px !important;border-radius:6px !important}.member-actions.contact-actions-visible{gap:4px}.member-header{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%}.member-header .member-username{flex:1;min-width:0}.mutual-servers-list{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:rgba(0,0,0,0.1);border-radius:12px;margin:8px 16px}.mutual-servers-list.hidden{display:none}.profile-modal-roles-list{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:rgba(0,0,0,0.1);border-radius:12px;margin:8px 16px}.profile-modal-roles-list.hidden{display:none}.profile-modal-role-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,0.05);border-radius:16px;font-size:13px;color:var(--text-primary)}.profile-modal-role-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.profile-modal-no-roles{color:var(--text-muted);font-size:14px;padding:8px;text-align:center;width:100%}.profile-modal-mod-section{margin-top:8px}.profile-modal-mod-buttons{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0}.profile-modal-mod-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:none;background:rgba(255,255,255,0.1);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all 0.2s ease}.profile-modal-mod-btn:hover{background:rgba(255,255,255,0.15)}.profile-modal-mod-btn-danger{background:rgba(239,68,68,0.2);color:#ef4444}.profile-modal-mod-btn-danger:hover{background:rgba(239,68,68,0.3)}.profile-modal-list-item-danger{color:#ef4444 !important}.profile-modal-list-item-danger .profile-modal-list-icon{color:#ef4444}.profile-modal-list-item-danger .profile-modal-list-label{color:#ef4444}.profile-modal-list-item-danger:hover{background:rgba(239,68,68,0.1) !important}[data-theme="light"] .wp-card,[data-theme="light"] .wp-modal-backdrop,body.theme-light .wp-card,body.theme-light .wp-modal-backdrop{background:rgba(255,255,255,0.95) !important;border-color:rgba(0,0,0,0.1) !important;color:#1f2937 !important}[data-theme="light"] .wp-header,body.theme-light .wp-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%) !important;border-bottom-color:rgba(0,0,0,0.08) !important}[data-theme="light"] .wp-title,[data-theme="light"] .wp-text,body.theme-light .wp-title,body.theme-light .wp-text{color:#1f2937 !important}[data-theme="light"] .wp-participant,[data-theme="light"] .wp-chat-message,body.theme-light .wp-participant,body.theme-light .wp-chat-message{background:rgba(248,250,252,0.8) !important;border-color:rgba(0,0,0,0.08) !important}[data-theme="light"] .friends-modal-container,body.theme-light .friends-modal-container{background:rgba(255,255,255,0.95) !important;border-color:rgba(0,0,0,0.1) !important;color:#1f2937 !important;box-shadow:0 20px 60px rgba(0,0,0,0.15) !important}[data-theme="light"] .friends-modal-header,body.theme-light .friends-modal-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%) !important;border-bottom-color:rgba(0,0,0,0.08) !important}[data-theme="light"] .friends-modal-title h2,body.theme-light .friends-modal-title h2{color:#1f2937 !important}[data-theme="light"] .friends-modal-tabs,body.theme-light .friends-modal-tabs{background:rgba(248,250,252,0.5) !important;border-bottom-color:rgba(0,0,0,0.08) !important}[data-theme="light"] .friends-tab,body.theme-light .friends-tab{color:#6b7280 !important}[data-theme="light"] .friends-tab.active,[data-theme="light"] .friends-tab:hover,body.theme-light .friends-tab.active,body.theme-light .friends-tab:hover{color:#1f2937 !important;background:rgba(99,102,241,0.1) !important}[data-theme="light"] .friends-modal-search,body.theme-light .friends-modal-search{background:rgba(255,255,255,0.9) !important;border-color:rgba(0,0,0,0.15) !important}[data-theme="light"] .friends-modal-search input,body.theme-light .friends-modal-search input{color:#1f2937 !important}[data-theme="light"] .friends-modal-search input::placeholder,body.theme-light .friends-modal-search input::placeholder{color:#9ca3af !important}[data-theme="light"] .friends-modal-content,body.theme-light .friends-modal-content{background:rgba(255,255,255,0.5) !important}[data-theme="light"] .friend-item,[data-theme="light"] .dm-item,body.theme-light .friend-item,body.theme-light .dm-item{background:rgba(248,250,252,0.8) !important;border-color:rgba(0,0,0,0.08) !important}[data-theme="light"] .friend-item:hover,[data-theme="light"] .dm-item:hover,body.theme-light .friend-item:hover,body.theme-light .dm-item:hover{background:rgba(99,102,241,0.05) !important;border-color:rgba(99,102,241,0.2) !important}[data-theme="light"] .friends-modal-footer,body.theme-light .friends-modal-footer{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%) !important;border-top-color:rgba(0,0,0,0.08) !important}[data-theme="light"] .friends-stats,body.theme-light .friends-stats{color:#4b5563 !important}