@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";html,body,#root{height:100%;width:100%;height:-webkit-fill-available}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary, #ffffff);color:var(--text-primary, #212121);overscroll-behavior-y:contain}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e3f2fd;--bg-message-sent: #d4edda;--bg-message-received: #ffffff;--bg-chat: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #6c757d;--text-tertiary: #adb5bd;--border-color: #dee2e6;--accent-color: #6366f1;--accent-hover: #4f46e5;--shadow: rgba(0, 0, 0, .08);--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .3);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-accent: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%)}:root[data-theme=blue]{--bg-primary: #e8f4f8;--bg-secondary: #d1e9f1;--bg-tertiary: #b8dce8;--bg-message-sent: #a8d5e2;--bg-message-received: #ffffff;--bg-chat: #f0f8fb;--text-primary: #0a2540;--text-secondary: #4a6b7a;--text-tertiary: #6b8a99;--border-color: #b8dce8;--accent-color: #2563eb;--accent-hover: #1d4ed8;--shadow: rgba(37, 99, 235, .15);--scrollbar-thumb: rgba(37, 99, 235, .3);--scrollbar-thumb-hover: rgba(37, 99, 235, .4);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-accent: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%)}:root[data-theme=purple]{--bg-primary: #f5f3ff;--bg-secondary: #ede9fe;--bg-tertiary: #ddd6fe;--bg-message-sent: #c4b5fd;--bg-message-received: #ffffff;--bg-chat: #faf5ff;--text-primary: #2e1065;--text-secondary: #6b5b95;--text-tertiary: #8b7aa8;--border-color: #ddd6fe;--accent-color: #8b5cf6;--accent-hover: #7c3aed;--shadow: rgba(139, 92, 246, .15);--scrollbar-thumb: rgba(139, 92, 246, .3);--scrollbar-thumb-hover: rgba(139, 92, 246, .4);--gradient-primary: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);--gradient-accent: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%)}:root[data-theme=green]{--bg-primary: #f0fdf4;--bg-secondary: #dcfce7;--bg-tertiary: #bbf7d0;--bg-message-sent: #86efac;--bg-message-received: #ffffff;--bg-chat: #f7fef9;--text-primary: #14532d;--text-secondary: #4a7c59;--text-tertiary: #6b9978;--border-color: #bbf7d0;--accent-color: #10b981;--accent-hover: #059669;--shadow: rgba(16, 185, 129, .15);--scrollbar-thumb: rgba(16, 185, 129, .3);--scrollbar-thumb-hover: rgba(16, 185, 129, .4);--gradient-primary: linear-gradient(135deg, #34d399 0%, #10b981 100%);--gradient-accent: linear-gradient(135deg, #10b981 0%, #059669 100%)}:root[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-message-sent: #1e3a5f;--bg-message-received: #16213e;--bg-chat: #0a0e1a;--text-primary: #eaeaea;--text-secondary: #a8a8a8;--text-tertiary: #7a7a7a;--border-color: #2a2a3e;--accent-color: #7c3aed;--accent-hover: #6d28d9;--shadow: rgba(0, 0, 0, .4);--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .3);--gradient-primary: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--gradient-accent: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes recordPulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 10px #ef444400}}.login-container{min-height:100vh;background:var(--gradient-primary);display:flex;justify-content:center;align-items:center;padding:20px}.login-card{background:var(--bg-primary);border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d;animation:fadeIn .5s ease-out}.login-logo{font-size:64px;margin-bottom:16px;text-align:center}.login-title{font-size:32px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:8px}.login-subtitle{font-size:15px;color:var(--text-secondary);text-align:center;margin-bottom:32px}.login-input{width:100%;padding:14px 16px;margin-bottom:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:15px;transition:all .2s ease;outline:none}.login-input::placeholder{color:var(--text-tertiary)}.login-input:focus{border-color:var(--accent-color);background:var(--bg-primary);box-shadow:0 0 0 3px #3390ec1a}.login-btn{width:100%;padding:14px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:12px}.login-btn-primary{background:var(--accent-color);color:#fff}.login-btn-primary:hover{background:var(--accent-hover)}.login-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.login-btn-secondary:hover{background:var(--bg-tertiary)}.chat-container{display:flex;height:100vh;background:var(--bg-primary);color:var(--text-primary)}.sidebar{width:360px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:transform .3s ease}.sidebar-header{padding:12px 16px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:8px}.user-profile{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:15px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{font-size:13px;color:var(--text-secondary);margin-top:2px}.theme-toggle-btn{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.theme-toggle-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.user-menu-container{position:relative;flex-shrink:0}.user-menu-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.user-menu-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.user-menu-btn svg{stroke:currentColor;fill:currentColor;stroke-width:0}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:200px;z-index:1000;animation:fadeIn .2s ease-out;overflow:hidden}.user-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s ease;color:var(--text-primary);font-size:14px}.user-menu-item:hover{background:var(--bg-secondary)}.user-menu-item span:first-child{font-size:18px;width:24px;display:flex;align-items:center;justify-content:center}.user-menu-item span:last-child{flex:1}.user-menu-item-danger{color:#ef4444}.user-menu-item-danger:hover{background:#ef44441a}.user-menu-divider{height:1px;background:var(--border-color);margin:4px 0}.users-section{flex:1;overflow-y:auto;background:var(--bg-primary);display:flex;flex-direction:column}.user-search-section{padding:12px 16px;display:flex;gap:8px;border-bottom:1px solid var(--border-color)}.user-search-input{flex:1;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;outline:none}.user-search-input:focus{border-color:var(--accent-color);background:var(--bg-tertiary)}.user-search-btn{padding:10px 14px;border:none;border-radius:8px;background:var(--accent-color);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.user-search-btn:hover{background:var(--accent-hover)}.user-search-btn svg{stroke:currentColor;fill:none;stroke-width:2}.user-id-display{padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.user-id-label{font-size:11px;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.user-id-value{font-size:14px;font-weight:600;color:var(--accent-color);font-family:monospace;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;display:inline-block}.user-id-value:hover{background:var(--bg-tertiary)}.section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:8px 16px;padding:8px 0}.user-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid var(--border-color)}.user-item:hover{background:var(--bg-secondary)}.user-item.active{background:var(--bg-tertiary)}.user-item-avatar{position:relative;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--text-secondary) 0%,var(--text-tertiary) 100%);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;flex-shrink:0}.user-item-avatar.encrypted{background:var(--gradient-accent)}.user-item-content{flex:1;min-width:0}.user-item-name{font-size:15px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:6px}.online-indicator{font-size:10px;line-height:1}.user-item.pinned{border-left:3px solid var(--accent-color)}.pin-icon{position:absolute;bottom:-2px;right:-2px;font-size:12px;background:var(--bg-primary);border-radius:50%;padding:2px;box-shadow:0 1px 3px var(--shadow)}.user-item-avatar{position:relative;gap:6px;margin-bottom:4px}.encrypted-badge{font-size:10px;padding:2px 6px;background:#3390ec26;color:var(--accent-color);border-radius:4px;font-weight:500}.user-item-preview{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.unread-badge{background:var(--gradient-accent);color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center;box-shadow:0 2px 4px #6366f14d}.chat-main{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);position:relative}.chat-header{padding:12px 16px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.back-btn{display:none;background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;flex-shrink:0;width:36px;height:36px;align-items:center;justify-content:center}.back-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.chat-header-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;flex-shrink:0}.chat-header-info{flex:1;min-width:0}.chat-header-name{font-size:15px;font-weight:500;color:var(--text-primary)}.chat-header-status{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;margin-top:2px}.typing-indicator{color:var(--accent-color);animation:pulse 1.5s infinite}.search-toggle-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.search-toggle-btn:hover{background:var(--bg-secondary);color:var(--accent-color)}.search-toggle-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.search-bar{padding:8px 16px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);animation:fadeIn .2s ease-out}.search-input{width:100%;padding:10px 16px 10px 40px;border:none;border-radius:20px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;transition:all .2s ease;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23707579' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center}[data-theme=dark] .search-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238696a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E")}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{background-color:var(--bg-tertiary)}.messages-area{flex:1;padding:16px;overflow-y:auto;overflow-x:hidden;background:var(--bg-chat);background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--shadow) 2px,var(--shadow) 4px);-webkit-overflow-scrolling:touch;min-height:0;display:flex;flex-direction:column}.message-wrapper{margin-bottom:4px;animation:fadeIn .2s ease-out;display:flex;align-items:flex-end;width:100%;box-sizing:border-box}.message-wrapper.sent{justify-content:flex-end}.message-wrapper.received{justify-content:flex-start}.message-bubble{max-width:65%;padding:8px 12px;border-radius:12px;position:relative;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;min-width:0}.message-bubble.sent{background:var(--bg-message-sent);border-bottom-right-radius:4px;margin-left:auto}.message-bubble.received{background:var(--bg-message-received);border-bottom-left-radius:4px;box-shadow:0 1px 2px var(--shadow)}.message-text{font-size:15px;line-height:1.4;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap}.message-audio{background:transparent;border-radius:0;padding:0}.message-audio audio{height:40px;width:200px;outline:none}.message-image{max-width:300px;max-height:300px;border-radius:8px;margin:4px 0;display:block}.message-file-link{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#3390ec1a;border-radius:8px;color:var(--accent-color);text-decoration:none;font-size:14px;transition:all .2s}.message-file-link:hover{background:#3390ec26}.message-meta{font-size:11px;color:var(--text-secondary);margin-top:4px;display:flex;align-items:center;gap:4px;justify-content:flex-end}.message-status{display:inline-flex;align-items:center;gap:2px;margin-left:4px}.status-sent,.status-delivered{color:var(--text-secondary)}.status-read{color:var(--accent-color)}.empty-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);padding:40px;text-align:center;background:var(--bg-primary)}.empty-chat-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-chat-title{font-size:20px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.empty-chat-text{font-size:15px;color:var(--text-secondary)}.input-area{padding:12px 16px;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:8px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.input-actions{display:flex;gap:4px;flex-shrink:0}.action-btn{width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.action-btn:hover{background:var(--bg-secondary);color:var(--accent-color)}.action-btn:active{transform:scale(.95)}.action-btn.recording{background:#ef4444;color:#fff;animation:recordPulse 1.5s infinite}.action-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.action-btn.recording svg{fill:currentColor}.message-input{flex:1;padding:10px 16px;border:none;border-radius:20px;background:var(--bg-secondary);color:var(--text-primary);font-size:15px;transition:all .2s ease;outline:none;resize:none;max-height:100px;overflow-y:auto;-webkit-appearance:none;appearance:none}.message-input::placeholder{color:var(--text-tertiary)}.message-input:focus{background:var(--bg-tertiary);box-shadow:0 0 0 2px #3390ec33}.send-btn{width:40px;height:40px;border:none;border-radius:50%;background:var(--gradient-accent);color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #6366f14d}.send-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #6366f166}.send-btn:active{transform:scale(.95)}.send-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}@media(max-width:768px){.sidebar{width:100%;position:absolute;z-index:10;height:100%;transform:translate(0)}.chat-container.chat-open .sidebar{transform:translate(-100%)}.chat-main{width:100%;height:100vh;height:-webkit-fill-available;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:12px;flex-shrink:0}.back-btn{display:flex}.search-bar{flex-shrink:0;padding:8px 12px}.messages-area{flex:1;padding:12px 8px;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;width:100%;box-sizing:border-box}.message-wrapper{width:100%;padding:0 4px;box-sizing:border-box}.message-bubble{max-width:85%;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.message-text{word-break:break-word;overflow-wrap:break-word}.input-area{padding:10px 8px;padding-bottom:max(10px,env(safe-area-inset-bottom));flex-shrink:0;width:100%;box-sizing:border-box}.message-input{width:100%;box-sizing:border-box}.login-card{padding:32px 24px}.login-title{font-size:28px}.user-item{padding:12px}.user-item-avatar{width:48px;height:48px;font-size:16px}.chat-container{height:100vh;height:-webkit-fill-available;overflow:hidden}}@supports (-webkit-touch-callout: none){.message-input,.login-input{font-size:16px}.input-area{padding-bottom:max(12px,env(safe-area-inset-bottom))}}@media screen and (max-width:768px){.action-btn,.send-btn{min-width:44px;min-height:44px}}@supports (-webkit-touch-callout: none){.chat-container{height:-webkit-fill-available}}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(hover:none)and (pointer:coarse){.user-item:hover{background:transparent}.user-item:active{background:var(--bg-secondary)}.action-btn:hover,.send-btn:hover{background:var(--accent-color)}.action-btn:active,.send-btn:active{background:var(--accent-hover)}}.admin-login-container{min-height:100vh;background:var(--gradient-primary);display:flex;justify-content:center;align-items:center;padding:20px}.admin-login-card{background:var(--bg-primary);border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d}.admin-login-card h2{font-size:24px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:24px}.admin-panel{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:20px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.admin-header h2{font-size:28px;font-weight:600;color:var(--text-primary)}.admin-logout-btn{padding:10px 20px;border:none;border-radius:8px;background:#ef4444;color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.admin-logout-btn:hover{background:#dc2626}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center}.stat-value{font-size:36px;font-weight:700;color:var(--accent-color);margin-bottom:8px}.stat-label{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.admin-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-users-panel,.admin-messages-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;max-height:calc(100vh - 300px)}.admin-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.admin-panel-header h3{font-size:18px;font-weight:600;color:var(--text-primary)}.admin-search-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;outline:none;width:200px}.admin-search-input:focus{border-color:var(--accent-color)}.admin-users-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.admin-user-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.admin-user-item:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.admin-user-item.active{background:var(--bg-tertiary);border-color:var(--accent-color);box-shadow:0 0 0 2px #6366f133}.admin-user-info{flex:1}.admin-user-name{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.admin-user-id{font-size:12px;color:var(--text-secondary);font-family:monospace}.admin-delete-btn{padding:6px 12px;border:none;border-radius:6px;background:#ef44441a;color:#ef4444;cursor:pointer;font-size:16px;transition:all .2s}.admin-delete-btn:hover{background:#ef4444;color:#fff}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.admin-pagination button{padding:8px 16px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s}.admin-pagination button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-color)}.admin-pagination button:disabled{opacity:.5;cursor:not-allowed}.admin-messages-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.admin-message-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:12px}.admin-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;color:var(--text-secondary)}.admin-conversations-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.admin-conversation-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.admin-conversation-item:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.admin-conversation-item.active{background:var(--bg-tertiary);border-color:var(--accent-color);box-shadow:0 0 0 2px #6366f133}.admin-conversation-info{flex:1}.admin-conversation-name{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.admin-conversation-meta{font-size:12px;color:var(--text-secondary)}.admin-back-btn{padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:14px;transition:all .2s}.admin-back-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.admin-message-item.message-from-user{background:var(--bg-message-sent);margin-left:20%}.admin-message-item.message-from-partner{background:var(--bg-message-received);margin-right:20%}.admin-message-content{font-size:14px;color:var(--text-primary);word-wrap:break-word}.admin-empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:14px}@media(max-width:1024px){.admin-content{grid-template-columns:1fr}}.call-btn-header{background:transparent;border:none;border-radius:8px;padding:8px;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-right:8px}.call-btn-header:hover{background:var(--bg-secondary);color:var(--accent-color);transform:scale(1.1)}.call-btn-header svg{width:20px;height:20px}.call-modal{text-align:center;max-width:400px}.call-actions{display:flex;gap:16px;justify-content:center;margin-top:24px}.call-accept-btn,.call-decline-btn{width:60px;height:60px;border-radius:50%;border:none;font-size:24px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.call-accept-btn{background:#10b981;color:#fff}.call-accept-btn:hover{background:#059669;transform:scale(1.1)}.call-decline-btn{background:#ef4444;color:#fff}.call-decline-btn:hover{background:#dc2626;transform:scale(1.1)}.call-end-btn{margin-top:24px;padding:12px 24px;background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;width:100%}.call-end-btn:hover{background:#dc2626}.call-video-container{margin:16px 0;background:#000;border-radius:8px;overflow:hidden;min-height:200px;display:flex;align-items:center;justify-content:center}.forwarded-label{font-size:12px;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding-bottom:4px;margin-bottom:4px;font-style:italic}.message-actions{position:absolute;top:4px;right:4px;opacity:0;transition:opacity .2s;display:flex;gap:4px}.message-wrapper:hover .message-actions{opacity:1}.message-action-btn{background:#00000014;border:none;border-radius:6px;padding:4px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s;width:24px;height:24px;box-shadow:0 1px 2px #0000001a}.message-action-btn:hover{background:#6366f126;color:var(--accent-color);transform:scale(1.1)}.message-action-btn svg{width:14px;height:14px}