.header[data-v-ce2bb58b]{background-color:#2196f3;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.header-container[data-v-ce2bb58b]{max-width:800px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo[data-v-ce2bb58b]{margin:0;font-size:1.5rem;font-weight:700}.header-right[data-v-ce2bb58b]{display:flex;align-items:center;gap:1rem}.language-selector[data-v-ce2bb58b]{display:flex;align-items:center;gap:.5rem}.language-selector label[data-v-ce2bb58b]{font-size:.9rem}.language-selector select[data-v-ce2bb58b]{padding:.4rem .8rem;border:none;border-radius:4px;background-color:#fff3;color:#fff;font-size:.9rem;cursor:pointer;outline:none}.language-selector select option[data-v-ce2bb58b]{color:#333;background-color:#fff}@media(max-width:600px){.header-container[data-v-ce2bb58b]{flex-direction:column;gap:1rem;padding:0 10px}.header-right[data-v-ce2bb58b]{width:100%;justify-content:center}.logo[data-v-ce2bb58b]{font-size:1.2rem}}.section[data-v-1ba64c23]{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.room-controls[data-v-1ba64c23]{display:flex;gap:10px}.room-input[data-v-1ba64c23]{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px}button[data-v-1ba64c23]{padding:10px 20px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}button[data-v-1ba64c23]:disabled{background:#ccc;cursor:not-allowed}button[data-v-1ba64c23]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0003}button[data-v-1ba64c23]:active:not(:disabled){transform:translateY(0)}.section[data-v-39dd9e49]{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.room-header[data-v-39dd9e49]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.room-header h2[data-v-39dd9e49]{margin:0}.leave-room-btn[data-v-39dd9e49]{padding:8px 16px;background:#ff9800;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.9em}.leave-room-btn[data-v-39dd9e49]:disabled{background:#ccc;cursor:not-allowed}.leave-room-btn[data-v-39dd9e49]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0003}.leave-room-btn[data-v-39dd9e49]:active:not(:disabled){transform:translateY(0)}.room-info[data-v-39dd9e49]{display:flex;gap:15px;margin-bottom:15px;padding:10px;background:#f5f5f5;border-radius:4px}.room-id[data-v-39dd9e49]{font-weight:700;color:#2196f3}.user-count[data-v-39dd9e49]{color:#666;font-size:.9em}.user-list[data-v-39dd9e49]{display:flex;flex-direction:column;gap:10px}.user-item[data-v-39dd9e49]{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f9f9f9;border-radius:4px}.user-actions[data-v-39dd9e49]{display:flex;gap:8px}.user-item.current-user[data-v-39dd9e49]{background:#e3f2fd;border:1px solid #2196f3}.user-id[data-v-39dd9e49]{font-family:monospace;color:#333}.current-user-tag[data-v-39dd9e49]{color:#2196f3;font-weight:700;margin-left:5px;font-size:.8em}.connect-btn[data-v-39dd9e49]{padding:8px 16px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.disconnect-btn[data-v-39dd9e49]{padding:8px 16px;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.connect-btn[data-v-39dd9e49]:disabled,.disconnect-btn[data-v-39dd9e49]:disabled{background:#ccc;cursor:not-allowed}.connect-btn[data-v-39dd9e49]:hover:not(:disabled),.disconnect-btn[data-v-39dd9e49]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0003}.connect-btn[data-v-39dd9e49]:active:not(:disabled),.disconnect-btn[data-v-39dd9e49]:active:not(:disabled){transform:translateY(0)}.section[data-v-6c03ff41]{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.file-controls[data-v-6c03ff41]{display:flex;flex-direction:column;gap:15px}.file-input[data-v-6c03ff41]{display:none}.select-file-btn[data-v-6c03ff41]{padding:10px 20px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;align-self:flex-start}.select-file-btn[data-v-6c03ff41]:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0003}.select-file-btn[data-v-6c03ff41]:active{transform:translateY(0)}.selected-file[data-v-6c03ff41]{padding:10px;background:#e3f2fd;border-radius:4px;color:#1976d2;font-weight:700}.send-buttons[data-v-6c03ff41]{display:flex;flex-wrap:wrap;gap:10px}.send-btn[data-v-6c03ff41]{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.send-btn[data-v-6c03ff41]:disabled{background:#ccc;cursor:not-allowed}.send-btn[data-v-6c03ff41]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0003}.send-btn[data-v-6c03ff41]:active:not(:disabled){transform:translateY(0)}.section[data-v-81e928da]{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.transfer-list[data-v-81e928da]{display:flex;flex-direction:column;gap:15px}.transfer-item[data-v-81e928da]{padding:15px;background:#f9f9f9;border-radius:4px}.transfer-info[data-v-81e928da]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:10px}.transfer-name[data-v-81e928da]{font-weight:700;color:#333}.transfer-size[data-v-81e928da]{color:#666;font-size:.9em}.transfer-direction[data-v-81e928da]{padding:4px 8px;border-radius:4px;font-size:.85em;text-transform:capitalize}.transfer-direction.incoming[data-v-81e928da]{background:#e3f2fd;color:#1976d2}.transfer-direction.outgoing[data-v-81e928da]{background:#e8f5e9;color:#388e3c}.transfer-status[data-v-81e928da]{padding:4px 8px;border-radius:4px;font-size:.85em;text-transform:capitalize}.transfer-status.sending[data-v-81e928da],.transfer-status.receiving[data-v-81e928da]{background:#fff3e0;color:#f57c00}.transfer-status.completed[data-v-81e928da]{background:#e8f5e9;color:#388e3c}.transfer-status.failed[data-v-81e928da],.transfer-status.rejected[data-v-81e928da]{background:#ffebee;color:#d32f2f}.transfer-status.waiting[data-v-81e928da]{background:#fff3e0;color:#f57c00}.progress-bar[data-v-81e928da]{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:5px}.progress-fill[data-v-81e928da]{height:100%;background:linear-gradient(90deg,#2196f3,#4caf50);transition:width .3s ease}.progress-text[data-v-81e928da]{font-size:.85em;color:#666;text-align:right}.section[data-v-1436cb23]{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.transfer-list[data-v-1436cb23]{display:flex;flex-direction:column;gap:15px}.transfer-item[data-v-1436cb23]{padding:15px;background:#f9f9f9;border-radius:4px}.transfer-info[data-v-1436cb23]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:10px}.transfer-name[data-v-1436cb23]{font-weight:700;color:#333}.transfer-size[data-v-1436cb23]{color:#666;font-size:.9em}.transfer-sender[data-v-1436cb23]{padding:4px 8px;border-radius:4px;font-size:.85em;background:#e3f2fd;color:#1976d2}.transfer-actions[data-v-1436cb23]{display:flex;gap:10px;margin-top:10px}.accept-btn[data-v-1436cb23]{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.reject-btn[data-v-1436cb23]{padding:8px 16px;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.accept-btn[data-v-1436cb23]:hover,.reject-btn[data-v-1436cb23]:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0003}.accept-btn[data-v-1436cb23]:active,.reject-btn[data-v-1436cb23]:active{transform:translateY(0)}.container[data-v-de7e955c]{max-width:800px;margin:0 auto;padding:20px}h1[data-v-de7e955c]{text-align:center;color:#333;margin-bottom:30px}.status-bar[data-v-de7e955c]{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#f5f5f5;border-radius:8px;margin-bottom:20px;flex-wrap:wrap;gap:15px}.status-info[data-v-de7e955c]{display:flex;gap:15px;align-items:center}.server-controls[data-v-de7e955c]{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.server-url-input[data-v-de7e955c]{display:flex;align-items:center;gap:8px}.server-input[data-v-de7e955c]{padding:6px 10px;border:1px solid #ddd;border-radius:4px;width:250px;font-size:.9em}.connection-buttons[data-v-de7e955c]{display:flex;gap:8px}.connect-btn[data-v-de7e955c]{padding:6px 12px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9em}.disconnect-btn[data-v-de7e955c]{padding:6px 12px;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9em}.connect-btn[data-v-de7e955c]:disabled,.disconnect-btn[data-v-de7e955c]:disabled{background:#ccc;cursor:not-allowed}.connected[data-v-de7e955c]{color:#4caf50;font-weight:700}.disconnected[data-v-de7e955c]{color:#f44336;font-weight:700}button[data-v-de7e955c]{transition:all .2s ease}button[data-v-de7e955c]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0003}button[data-v-de7e955c]:active:not(:disabled){transform:translateY(0)}input[data-v-de7e955c]:focus{outline:none;border-color:#2196f3}
