:root{--bg-main: #0b0c10;--bg-card: rgba(22, 26, 38, .65);--bg-sidebar: rgba(15, 18, 28, .85);--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(139, 92, 246, .2);--text-main: #f3f4f6;--text-muted: #9ca3af;--primary-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--accent-blue: #00f2fe;--accent-pink: #ff0844;--online-green: #10b981;--offline-gray: #4b5563;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--font-family: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);height:100vh;overflow:hidden;background-image:radial-gradient(at 0% 0%,rgba(139,92,246,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(99,102,241,.15) 0px,transparent 50%)}#root{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.app-container{display:flex;width:95vw;height:90vh;max-width:1200px;max-height:800px;background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--glass-shadow);overflow:hidden;position:relative;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem;background:radial-gradient(circle at center,rgba(30,27,75,.4) 0%,transparent 70%)}.login-card{width:100%;max-width:440px;background:#161a26cc;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem 2.5rem;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;animation:fadeIn .5s ease-out}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--primary-gradient);border-radius:20px;margin-bottom:1.5rem;box-shadow:0 8px 24px #8b5cf666}.login-card h1{font-size:2.2rem;font-weight:700;background:linear-gradient(to right,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.login-card p{color:var(--text-muted);font-size:.95rem;margin-bottom:2.5rem;line-height:1.4}.login-form{display:flex;flex-direction:column;gap:1.2rem}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--text-muted);pointer-events:none}.login-form input{width:100%;padding:14px 16px 14px 48px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:14px;color:var(--text-main);font-family:var(--font-family);font-size:1rem;outline:none;transition:var(--transition-smooth)}.login-form input:focus{border-color:#8b5cf6;background:#ffffff14;box-shadow:0 0 0 3px #8b5cf640}.login-button{background:var(--primary-gradient);color:#fff;border:none;border-radius:14px;padding:14px;font-family:var(--font-family);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition-smooth);box-shadow:0 4px 12px #8b5cf633}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.login-button:active{transform:translateY(0)}.login-info-box{margin-top:1.5rem;padding:10px 12px;background:#8b5cf61a;border-radius:10px;border-left:3px solid #8b5cf6;font-size:.8rem;color:#a78bfa;text-align:left}.sidebar{width:320px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.profile-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:12px;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.2rem;text-transform:uppercase;box-shadow:0 4px 10px #6366f14d}.profile-meta{display:flex;flex-direction:column}.profile-name{font-weight:600;font-size:.95rem}.profile-status{font-size:.75rem;color:var(--online-green);display:flex;align-items:center;gap:4px}.logout-button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px;transition:var(--transition-smooth)}.logout-button:hover{color:var(--accent-pink);background:#ef44441a}.sidebar-search{padding:1rem}.sidebar-search input{width:100%;padding:10px 12px 10px 36px;background:#ffffff08;border:1px solid var(--border-color);border-radius:10px;color:var(--text-main);font-family:var(--font-family);font-size:.85rem;outline:none;transition:var(--transition-smooth)}.sidebar-search input:focus{border-color:#8b5cf6;background:#ffffff0f}.user-list{flex:1;overflow-y:auto;padding:.5rem}.user-list::-webkit-scrollbar{width:4px}.user-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.user-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:var(--transition-smooth);margin-bottom:4px;border:1px solid transparent}.user-item:hover{background:#ffffff0a}.user-item.active{background:#8b5cf61f;border-color:#8b5cf633}.user-item-avatar{width:40px;height:40px;border-radius:10px;background:#252836;display:flex;align-items:center;justify-content:center;font-weight:600;text-transform:uppercase;color:var(--text-main);position:relative}.user-item.active .user-item-avatar{background:var(--primary-gradient);color:#fff}.status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #0f121c}.status-dot.online{background-color:var(--online-green);animation:pulse-glow 2s infinite}.status-dot.offline{background-color:var(--offline-gray)}.user-item-details{display:flex;flex-direction:column;flex:1}.user-item-name{font-weight:500;font-size:.9rem}.user-item-subtitle{font-size:.75rem;color:var(--text-muted)}.chat-area{flex:1;display:flex;flex-direction:column;height:100%;background:#0f121c33}.chat-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:1.5rem;text-align:center;padding:2rem}.chat-welcome h2{color:var(--text-main);font-size:1.8rem;margin-top:1rem}.chat-header{padding:1.2rem 1.8rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:#0f121c66}.chat-header-info{display:flex;align-items:center;gap:12px}.e2ee-tag{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--accent-blue);background:#00f2fe1a;padding:6px 12px;border-radius:20px;border:1px solid rgba(0,242,254,.2)}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem 1.8rem;display:flex;flex-direction:column;gap:1rem}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.message-wrapper{display:flex;width:100%;animation:slideIn .3s cubic-bezier(.18,.89,.32,1.28)}.message-wrapper.sent{justify-content:flex-end}.message-wrapper.received{justify-content:flex-start}.message-bubble{max-width:65%;padding:12px 16px;border-radius:16px;font-size:.95rem;line-height:1.5;position:relative;box-shadow:0 4px 15px #00000026}.message-wrapper.sent .message-bubble{background:var(--primary-gradient);color:#fff;border-bottom-right-radius:4px}.message-wrapper.received .message-bubble{background:#ffffff0f;color:var(--text-main);border-bottom-left-radius:4px;border:1px solid rgba(255,255,255,.03)}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:6px;font-size:.7rem;opacity:.7}.message-wrapper.received .message-meta{color:var(--text-muted)}.lock-badge{display:inline-flex;align-items:center;margin-right:4px;color:#ffffffe6}.message-wrapper.received .lock-badge{color:var(--accent-blue)}.message-error{background:#ef444426!important;color:#fca5a5!important;border:1px solid rgba(239,68,68,.3)!important}.retention-info{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:#f59e0b14;border-bottom:1px solid rgba(245,158,11,.15);font-size:.75rem;color:#f59e0b}.chat-input-area{padding:1.5rem 1.8rem;border-top:1px solid var(--border-color);background:#0f121c66}.chat-input-form{display:flex;gap:12px;align-items:center}.chat-input-container{flex:1;position:relative;display:flex;align-items:center}.chat-input-container input{width:100%;padding:14px 16px;background:#ffffff0a;border:1px solid var(--border-color);border-radius:14px;color:var(--text-main);font-family:var(--font-family);font-size:.95rem;outline:none;transition:var(--transition-smooth)}.chat-input-container input:focus{border-color:#8b5cf6;background:#ffffff0f;box-shadow:0 0 0 3px #8b5cf633}.chat-send-btn{background:var(--primary-gradient);color:#fff;border:none;border-radius:14px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 10px #8b5cf64d}.chat-send-btn:hover{transform:scale(1.05);box-shadow:0 6px 15px #8b5cf680}.chat-send-btn:active{transform:scale(.95)}.chat-send-btn:disabled{background:var(--offline-gray);cursor:not-allowed;transform:none;box-shadow:none}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0b0c10d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.spinner{width:48px;height:48px;border:4px solid rgba(139,92,246,.2);border-left-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-toggle-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.settings-toggle-btn:hover{color:#8b5cf6;background:#8b5cf61a;transform:translateY(-50%) rotate(45deg)}.connection-error-box{display:flex;align-items:center;gap:8px;background:#ef44441f;border:1px solid rgba(239,68,68,.25);border-radius:12px;padding:10px 14px;font-size:.85rem;color:#fca5a5;margin-bottom:1.5rem;animation:slideIn .3s ease-out}.header-call-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.header-call-btn:hover:not(:disabled){color:var(--accent-blue);background:#00f2fe26}.header-call-btn:disabled{opacity:.3;cursor:not-allowed}.call-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0b0c10e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .4s ease-out}.call-container{width:90%;max-width:640px;background:#161a26cc;border:1px solid var(--border-color);border-radius:24px;padding:2.5rem;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative}.call-header-profile{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.8rem}.call-avatar{width:96px;height:96px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;box-shadow:0 0 25px #8b5cf680;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #8b5cf6b3}70%{transform:scale(1);box-shadow:0 0 0 15px #8b5cf600}to{transform:scale(.95);box-shadow:0 0 #8b5cf600}}.call-peer-name{font-size:1.5rem;font-weight:600;color:var(--text-main)}.call-status-text{font-size:.9rem;color:var(--text-muted)}.video-streams{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0f121c;border:1px solid var(--border-color);box-shadow:inset 0 0 20px #000c}.remote-video{width:100%;height:100%;object-fit:cover}.local-video{position:absolute;top:16px;right:16px;width:25%;aspect-ratio:16/9;border-radius:12px;border:1px solid rgba(255,255,255,.2);object-fit:cover;box-shadow:var(--glass-shadow);z-index:10}.audio-wave-container{display:flex;align-items:center;justify-content:center;gap:8px;height:100%;width:100%}.wave-bar{display:inline-block;width:6px;height:20px;background:var(--accent-blue);border-radius:4px;animation:audio-bounce 1s ease-in-out infinite alternate}.wave-bar:nth-child(2){animation-delay:.15s;background:#6366f1}.wave-bar:nth-child(3){animation-delay:.3s;background:#8b5cf6}.wave-bar:nth-child(4){animation-delay:.45s;background:#6366f1}.wave-bar:nth-child(5){animation-delay:.6s;background:var(--accent-blue)}@keyframes audio-bounce{0%{height:15px;transform:scaleY(.7)}to{height:75px;transform:scaleY(1)}}.call-actions{display:flex;align-items:center;justify-content:center;gap:1.5rem;width:100%}.call-btn{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition-smooth);box-shadow:0 4px 15px #0003}.call-btn.accept{background:var(--online-green)}.call-btn.accept:hover{background:#059669;transform:scale(1.08);box-shadow:0 0 15px #10b98180}.call-btn.reject{background:#dc2626}.call-btn.reject:hover{background:#b91c1c;transform:scale(1.08);box-shadow:0 0 15px #dc262680}.call-btn.control{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-main);width:48px;height:48px}.call-btn.control:hover{background:#ffffff26;transform:scale(1.05)}.call-btn.control.muted{background:#d97706;border-color:#d97706}.call-btn.control.off{background:#4b5563;border-color:#4b5563}.backup-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0b0c10d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:300;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.backup-modal-container{width:90%;max-width:500px;background:#161a26f2;border:1px solid var(--border-color);border-radius:20px;padding:2rem;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;gap:1.2rem}.backup-modal-title{font-size:1.3rem;font-weight:600;color:var(--text-main);text-align:center}.backup-modal-description{font-size:.85rem;color:var(--text-muted);line-height:1.5;text-align:center}.backup-token-box{background:#0000004d;border:1px solid var(--border-color);border-radius:12px;padding:12px;max-height:150px;overflow-y:auto}.backup-token-textarea{width:100%;height:100px;background:none;border:none;color:var(--accent-blue);font-family:monospace;font-size:.75rem;resize:none;outline:none;word-break:break-all;white-space:pre-wrap}.backup-modal-actions{display:flex;gap:8px;justify-content:space-between;margin-top:.5rem}.backup-modal-btn{flex:1;padding:12px;border-radius:10px;font-family:var(--font-family);font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:var(--transition-smooth);text-align:center}.backup-modal-btn.copy{background:var(--primary-gradient);color:#fff}.backup-modal-btn.copy:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.backup-modal-btn.copy.copied{background:var(--online-green)}.backup-modal-btn.download{background:#ffffff14;border:1px solid var(--border-color);color:var(--text-main)}.backup-modal-btn.download:hover{background:#ffffff26}.backup-modal-btn.close{background:none;color:var(--text-muted);max-width:80px}.backup-modal-btn.close:hover{color:var(--text-main);background:#ffffff0a}.restore-link:hover{color:#00f2fe!important;text-shadow:0 0 8px rgba(0,242,254,.4)}.restore-link-back:hover{color:var(--text-main)!important}.admin-toggle-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.admin-toggle-btn:hover{color:#10b981;background:#10b9811a;transform:translateY(-50%) scale(1.05)}.admin-dashboard-container{display:flex;justify-content:center;align-items:flex-start;width:100%;height:100vh;padding:2rem;overflow-y:auto;background:radial-gradient(circle at top right,rgba(16,185,129,.05),transparent 40%),radial-gradient(circle at bottom left,rgba(139,92,246,.03),transparent 40%)}.admin-dashboard{width:100%;max-width:900px;background:#161a26a6;border:1px solid var(--border-color);border-radius:24px;padding:2rem;box-shadow:var(--glass-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:2rem;animation:fadeIn .4s ease-out}.admin-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1.2rem}.admin-logo-icon{color:#10b981;filter:drop-shadow(0 0 8px rgba(16,185,129,.4))}.admin-header h2{font-size:1.4rem;font-weight:600;color:var(--text-main)}.admin-btn.logout{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#fca5a5;padding:8px 14px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;transition:var(--transition-smooth)}.admin-btn.logout:hover{background:#dc2626;color:#fff;transform:translateY(-1px)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem}.admin-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.admin-stat-card h3{font-size:.85rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.8rem;font-weight:700;color:var(--text-main);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-actions-row{display:flex;gap:12px;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem}.admin-action-btn{padding:10px 18px;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:600;border:none;display:flex;align-items:center;gap:8px;transition:var(--transition-smooth)}.admin-action-btn.refresh{background:#00f2fe1a;border:1px solid rgba(0,242,254,.25);color:#a5f3fc}.admin-action-btn.refresh:hover{background:var(--accent-blue);color:#0b0c10;transform:translateY(-1px)}.admin-action-btn.cleanup{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#fde68a}.admin-action-btn.cleanup:hover{background:#d97706;color:#fff;transform:translateY(-1px)}.admin-users-table-container{display:flex;flex-direction:column;gap:1rem}.admin-users-table-container h3{font-size:1.1rem;font-weight:600;color:var(--text-main)}.admin-table-scroll{overflow-x:auto;border-radius:12px;border:1px solid var(--border-color)}.admin-users-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.admin-users-table th{background:#ffffff0a;padding:12px 16px;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.admin-users-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-main);vertical-align:middle}.admin-users-table tr:hover td{background:#ffffff03}.admin-table-delete-btn{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#fca5a5;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;transition:var(--transition-smooth)}.admin-table-delete-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.file-attachment-preview-bar{display:flex;align-items:center;gap:10px;background:#0f172a99;border:1px solid var(--border-color);border-bottom:none;border-top-left-radius:12px;border-top-right-radius:12px;padding:10px 14px;font-size:.85rem;color:var(--text-main);animation:slideIn .25s ease-out}.preview-file-icon{color:var(--accent-blue);flex-shrink:0}.preview-filename{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.preview-clear-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.preview-clear-btn:hover{color:#ef4444;background:#ef444426}.chat-attach-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);flex-shrink:0}.chat-attach-btn:hover{color:var(--accent-blue);background:#00f2fe1a}.file-attachment-card{display:flex;flex-direction:column;gap:12px;min-width:200px;max-width:280px;padding:6px 4px}.file-info-header{display:flex;align-items:center;gap:12px}.file-icon{color:var(--accent-blue);filter:drop-shadow(0 0 4px rgba(0,242,254,.4));flex-shrink:0}.file-meta-info{display:flex;flex-direction:column;gap:2px;min-width:0}.file-name{font-size:.9rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.file-size{font-size:.75rem;color:var(--text-muted)}.file-download-btn{background:#00f2fe1f;border:1px solid rgba(0,242,254,.25);color:#a5f3fc;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;transition:var(--transition-smooth);width:100%}.file-download-btn:hover{background:var(--accent-blue);color:#0b0c10;transform:translateY(-1px);box-shadow:0 4px 10px #00f2fe4d}.chat-input-area:has(.file-attachment-preview-bar) .chat-input-form{border-top-left-radius:0;border-top-right-radius:0}.app-download-section{margin-top:1.5rem;border-top:1px solid var(--border-color);padding-top:1.2rem;text-align:center;width:100%}.download-title{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.5px}.download-buttons-container{display:flex;gap:10px;justify-content:center}.download-app-btn{flex:1;padding:10px 14px;border-radius:10px;font-family:var(--font-family);font-size:.8rem;font-weight:600;text-decoration:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.download-app-btn.android-btn{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#a7f3d0}.download-app-btn.android-btn:hover{background:#10b981;color:#0b0c10;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.download-app-btn.ios-btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-main)}.download-app-btn.ios-btn:hover{background:#ffffff26;transform:translateY(-1px)}.mobile-back-btn{display:none;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px;align-items:center;justify-content:center;margin-right:8px;transition:var(--transition-smooth)}.mobile-back-btn:hover{color:var(--accent-blue);background:#00f2fe1a}@media (max-width: 768px){#root{align-items:stretch;justify-content:stretch}.app-container{width:100vw;height:100vh;height:-webkit-fill-available;max-width:none;max-height:none;border:none;border-radius:0;margin:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.login-screen{padding:1rem;overflow-y:auto;justify-content:flex-start}.login-card{max-width:100%;border-radius:16px;padding:2rem 1.5rem;margin:auto 0}.login-logo{width:60px;height:60px;margin-bottom:1rem}.login-card h1{font-size:1.8rem}.login-card p{margin-bottom:1.5rem}.mobile-back-btn{display:flex}.app-container:not(.has-active-chat) .sidebar{display:flex;width:100%}.app-container:not(.has-active-chat) .chat-area{display:none}.app-container.has-active-chat .sidebar{display:none}.app-container.has-active-chat .chat-area{display:flex;width:100%}.call-overlay{border-radius:0;padding:1.5rem}.remote-video-container{border-radius:12px}.local-video-container{width:90px;height:130px;bottom:15px;right:15px;border-radius:8px}.admin-dashboard-container{padding:0}.admin-dashboard{border-radius:0;max-width:none;max-height:none;height:100vh;height:-webkit-fill-available;padding:1.2rem}.admin-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.admin-stat-card{padding:12px}.admin-stat-card p{font-size:1.4rem}.admin-actions-row{flex-direction:column;gap:8px}.admin-action-btn{width:100%}}.toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:9999;pointer-events:none}.toast{background:var(--bg-card);color:var(--text-main);padding:12px 16px;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 10px 25px #00000080;display:flex;align-items:center;gap:12px;pointer-events:auto;animation:slideInRight .3s cubic-bezier(.175,.885,.32,1.275);min-width:250px;max-width:350px}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{display:flex;align-items:center;justify-content:center}.toast-success .toast-icon{color:var(--accent-success)}.toast-error .toast-icon{color:var(--accent-danger)}.toast-info .toast-icon{color:var(--accent-blue)}.toast-message{flex:1;font-size:.9rem;line-height:1.4;word-break:break-word}.toast-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.toast-close:hover{background:#ffffff1a;color:var(--text-main)}