.user-settings[data-v-42b7e2c9]{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;margin-bottom:20px;position:relative}.settings-header[data-v-42b7e2c9]{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px 20px 0 0}.settings-header h4[data-v-42b7e2c9]{margin:0;color:#fff;font-size:16px;font-weight:600;background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-content[data-v-42b7e2c9]{padding:15px 20px}.setting-item[data-v-42b7e2c9]{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;padding:12px;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.setting-item[data-v-42b7e2c9]:last-child{margin-bottom:0}.setting-item label[data-v-42b7e2c9]{font-weight:600;color:#cbd5e1;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.setting-input[data-v-42b7e2c9]{width:100%;padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:14px;transition:all .3s ease;background:rgba(255,255,255,.1);color:#e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.setting-input[data-v-42b7e2c9]::placeholder{color:#94a3b8}.setting-input[data-v-42b7e2c9]:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33;background:rgba(255,255,255,.15)}.setting-input[data-v-42b7e2c9]:hover{border-color:#ffffff4d;background:rgba(255,255,255,.12)}.user-id[data-v-42b7e2c9]{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;color:#94a3b8;font-size:11px;background:rgba(255,255,255,.1);padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.1);word-break:break-all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.connection-status[data-v-42b7e2c9]{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.connection-status.connected[data-v-42b7e2c9]{background:rgba(34,197,94,.2);color:#4ade80;border-color:#22c55e4d;box-shadow:0 0 15px #22c55e4d}.connection-status.disconnected[data-v-42b7e2c9]{background:rgba(239,68,68,.2);color:#f87171;border-color:#ef44444d;box-shadow:0 0 15px #ef44444d}.connection-status.error[data-v-42b7e2c9]{background:rgba(245,158,11,.2);color:#fbbf24;border-color:#f59e0b4d;box-shadow:0 0 15px #f59e0b4d}.p2p-chat-container[data-v-fd9339c0]{max-width:1400px;margin:0 auto;padding:30px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.p2p-chat-container[data-v-fd9339c0]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);pointer-events:none}.header[data-v-fd9339c0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px 30px;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;position:relative;z-index:1}.connection-info[data-v-fd9339c0]{display:flex;align-items:center;gap:12px}.header h2[data-v-fd9339c0]{margin:0;color:#fff;font-size:28px;font-weight:700;background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.connection-status[data-v-fd9339c0]{padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.connection-status.connected[data-v-fd9339c0]{background:rgba(34,197,94,.2);color:#4ade80;border-color:#22c55e4d;box-shadow:0 0 20px #22c55e4d}.connection-status.disconnected[data-v-fd9339c0]{background:rgba(239,68,68,.2);color:#f87171;border-color:#ef44444d;box-shadow:0 0 20px #ef44444d}.connection-status.connecting[data-v-fd9339c0]{background:rgba(59,130,246,.2);color:#60a5fa;border-color:#3b82f64d;box-shadow:0 0 20px #3b82f64d;animation:pulse-fd9339c0 2s infinite}@keyframes pulse-fd9339c0{0%,to{opacity:1}50%{opacity:.7}}.connection-status.error[data-v-fd9339c0]{background:rgba(245,158,11,.2);color:#fbbf24;border-color:#f59e0b4d;box-shadow:0 0 20px #f59e0b4d}.retry-btn[data-v-fd9339c0]{padding:8px 16px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px #f59e0b4d;margin-left:12px}.retry-btn[data-v-fd9339c0]:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-1px);box-shadow:0 4px 15px #f59e0b66}.main-content[data-v-fd9339c0]{display:flex;gap:25px;flex:1;min-height:600px;position:relative;z-index:1}.chat-section[data-v-fd9339c0]{flex:1;display:flex;flex-direction:column;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;overflow:hidden;position:relative}.chat-header[data-v-fd9339c0]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-info[data-v-fd9339c0]{display:flex;gap:15px;align-items:center}.chat-header h3[data-v-fd9339c0]{margin:0;color:#fff;font-size:18px;font-weight:600;background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.p2p-status[data-v-fd9339c0]{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.p2p-status.connected[data-v-fd9339c0]{background:rgba(34,197,94,.2);color:#4ade80;border-color:#22c55e4d;box-shadow:0 0 15px #22c55e4d}.p2p-status.connecting[data-v-fd9339c0]{background:rgba(245,158,11,.2);color:#fbbf24;border-color:#f59e0b4d;box-shadow:0 0 15px #f59e0b4d}.p2p-status.disconnected[data-v-fd9339c0]{background:rgba(239,68,68,.2);color:#f87171;border-color:#ef44444d;box-shadow:0 0 15px #ef44444d}.p2p-status.error[data-v-fd9339c0]{background:rgba(245,158,11,.2);color:#fbbf24;border-color:#f59e0b4d;box-shadow:0 0 15px #f59e0b4d}.connection-info[data-v-fd9339c0]{display:flex;align-items:center;gap:10px}.online-count[data-v-fd9339c0]{font-size:12px;color:#cbd5e1;background:rgba(255,255,255,.1);padding:6px 12px;border-radius:8px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.webrtc-warning[data-v-fd9339c0]{background:rgba(245,158,11,.2);color:#fbbf24;padding:15px 20px;border-radius:12px;margin:15px 20px;font-size:13px;text-align:center;border:1px solid rgba(245,158,11,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-messages[data-v-fd9339c0]{flex:1;overflow-y:auto;padding:20px;background:rgba(255,255,255,.02);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message[data-v-fd9339c0]{margin-bottom:15px;max-width:75%;animation:fadeInUp-fd9339c0 .3s ease-out}@keyframes fadeInUp-fd9339c0{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-system[data-v-fd9339c0]{text-align:center;max-width:100%}.message-system .message-content[data-v-fd9339c0]{background:rgba(245,158,11,.2);color:#fbbf24;padding:10px 16px;border-radius:12px;font-size:13px;display:inline-block;border:1px solid rgba(245,158,11,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message-own[data-v-fd9339c0]{margin-left:auto}.message-other[data-v-fd9339c0]{margin-right:auto}.message-header[data-v-fd9339c0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px}.message-own .message-header[data-v-fd9339c0]{flex-direction:row-reverse}.sender-name[data-v-fd9339c0]{font-weight:600;color:#cbd5e1}.message-time[data-v-fd9339c0]{color:#94a3b8;font-size:11px}.message-content[data-v-fd9339c0]{padding:15px 20px;border-radius:16px;word-wrap:break-word;line-height:1.5;max-width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.message-own .message-content[data-v-fd9339c0]{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;border-bottom-right-radius:6px;box-shadow:0 4px 20px #3b82f64d}.message-other .message-content[data-v-fd9339c0]{background:rgba(255,255,255,.1);color:#e2e8f0;border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:6px}.file-message[data-v-fd9339c0]{display:flex;justify-content:space-between;align-items:center;gap:10px}.file-info[data-v-fd9339c0]{display:flex;align-items:center;gap:8px;flex:1}.file-icon[data-v-fd9339c0]{font-size:16px}.file-name[data-v-fd9339c0]{font-weight:500;color:#495057;word-break:break-word}.file-size[data-v-fd9339c0]{font-size:12px;color:#6c757d;white-space:nowrap}.download-btn[data-v-fd9339c0]{padding:6px 12px;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;border:none;border-radius:15px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.download-btn[data-v-fd9339c0]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #28a7454d}.file-status[data-v-fd9339c0]{font-size:12px;color:#6c757d;font-style:italic}.chat-input[data-v-fd9339c0]{padding:20px 25px;border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 20px 20px}.input-wrapper[data-v-fd9339c0]{display:flex;gap:12px;align-items:center}.message-input[data-v-fd9339c0]{flex:1;padding:12px 18px;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:14px;transition:all .3s ease;background:rgba(255,255,255,.1);color:#e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message-input[data-v-fd9339c0]::placeholder{color:#94a3b8}.message-input[data-v-fd9339c0]:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33;background:rgba(255,255,255,.15)}.message-input[data-v-fd9339c0]:hover{border-color:#ffffff4d;background:rgba(255,255,255,.12)}.message-input[data-v-fd9339c0]:disabled{background-color:#ffffff0d;cursor:not-allowed;opacity:.6}.file-btn[data-v-fd9339c0]{padding:12px 14px;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color:#fff;border:none;border-radius:12px;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.file-btn[data-v-fd9339c0]:hover:not(:disabled){background:linear-gradient(135deg,#4b5563 0%,#374151 100%);transform:translateY(-1px);box-shadow:0 4px 15px #0000004d}.file-btn[data-v-fd9339c0]:disabled{background:rgba(255,255,255,.1);cursor:not-allowed;opacity:.5}.send-btn[data-v-fd9339c0]{padding:12px 20px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #3b82f64d}.send-btn[data-v-fd9339c0]:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.send-btn[data-v-fd9339c0]:disabled{background:rgba(255,255,255,.1);cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}.file-btn[data-v-fd9339c0]{padding:10px 15px;background:#6c757d;color:#fff;border:none;border-radius:20px;font-size:16px;cursor:pointer;transition:background-color .3s}.file-btn[data-v-fd9339c0]:hover:not(:disabled){background:#5a6268}.file-btn[data-v-fd9339c0]:disabled{background:#adb5bd;cursor:not-allowed}.sidebar[data-v-fd9339c0]{width:300px;display:flex;flex-direction:column;gap:20px}.online-users[data-v-fd9339c0]{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;position:relative}.online-users h4[data-v-fd9339c0]{margin:0;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px 20px 0 0;color:#fff;font-size:16px;font-weight:600;background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-list[data-v-fd9339c0]{padding:15px}.user-item[data-v-fd9339c0]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.user-item[data-v-fd9339c0]:hover{background:rgba(255,255,255,.05);border-radius:8px;padding:10px;margin:0 -5px}.user-info[data-v-fd9339c0]{display:flex;flex-direction:column;gap:3px}.user-name[data-v-fd9339c0]{font-weight:600;color:#e2e8f0;font-size:14px}.user-id[data-v-fd9339c0]{font-size:11px;color:#94a3b8;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.user-actions[data-v-fd9339c0]{display:flex;gap:6px}.connect-btn[data-v-fd9339c0]{padding:6px 12px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px #3b82f64d}.connect-btn[data-v-fd9339c0]:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);transform:translateY(-1px);box-shadow:0 4px 15px #3b82f666}.connect-btn.connected[data-v-fd9339c0]{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;box-shadow:0 2px 10px #10b9814d}.connect-btn.connected[data-v-fd9339c0]:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 4px 15px #10b98166}.connect-btn[data-v-fd9339c0]:disabled{background:rgba(255,255,255,.1);cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}.not-supported[data-v-fd9339c0]{font-size:11px;color:#94a3b8;font-style:italic}.user-item[data-v-fd9339c0]:last-child{border-bottom:none}.user-item.current-user[data-v-fd9339c0]{background:rgba(59,130,246,.1);border-radius:8px;padding:10px;margin:0 -5px;border:1px solid rgba(59,130,246,.2)}.user-name[data-v-fd9339c0]{font-weight:500;color:#495057}.user-id[data-v-fd9339c0]{font-size:11px;color:#6c757d;font-family:monospace}.p2p-controls[data-v-fd9339c0]{border:1px solid #ddd;border-radius:8px;background:white;box-shadow:0 2px 10px #0000001a}.p2p-controls h4[data-v-fd9339c0]{margin:0;padding:15px 20px;border-bottom:1px solid #eee;background:#f8f9fa;border-radius:8px 8px 0 0;color:#2c3e50;font-size:14px}.disconnect-btn[data-v-fd9339c0]{width:100%;padding:15px 20px;background:#dc3545;color:#fff;border:none;border-radius:0 0 8px 8px;font-size:14px;cursor:pointer;transition:background-color .3s}.disconnect-btn[data-v-fd9339c0]:hover{background:#c82333}.connection-status-text[data-v-fd9339c0]{padding:15px 20px;text-align:center;color:#6c757d;font-size:12px}.file-transfers[data-v-fd9339c0]{position:fixed;bottom:20px;right:20px;width:300px;max-height:200px;overflow-y:auto;background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:100}.file-transfer[data-v-fd9339c0]{padding:10px 15px;border-bottom:1px solid #eee}.file-transfer[data-v-fd9339c0]:last-child{border-bottom:none}.transfer-info[data-v-fd9339c0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.file-name[data-v-fd9339c0]{font-size:12px;font-weight:500;color:#495057;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.transfer-status[data-v-fd9339c0]{font-size:11px;color:#6c757d}.progress-bar[data-v-fd9339c0]{height:4px;background:#e9ecef;border-radius:2px;overflow:hidden}.progress-fill[data-v-fd9339c0]{height:100%;background:#007bff;transition:width .3s ease}@media (max-width: 768px){.main-content[data-v-fd9339c0]{flex-direction:column;height:auto}.sidebar[data-v-fd9339c0]{width:100%}.video-call-container[data-v-fd9339c0]{width:95%;margin:10px}.file-transfers[data-v-fd9339c0]{width:calc(100% - 40px);right:20px;left:20px}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}