.virtual-office-container[data-v-2ec299f5]{width:100%;height:100vh;display:flex;flex-direction:column;background:#1a1a1a;color:#fff}.office-content[data-v-2ec299f5]{width:100%;height:100%;display:flex;flex-direction:column}.office-header[data-v-2ec299f5]{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#2a2a2a;border-bottom:1px solid #3a3a3a}.office-header h1[data-v-2ec299f5]{margin:0;font-size:1.5rem}.header-controls[data-v-2ec299f5]{display:flex;gap:.5rem}.control-btn[data-v-2ec299f5]{padding:.5rem 1rem;background:#3a3a3a;border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:background .2s}.control-btn[data-v-2ec299f5]:hover{background:#4a4a4a}.control-btn.active[data-v-2ec299f5]{background:#4a90e2}.control-btn.danger[data-v-2ec299f5]{background:#e24a4a}.control-btn.danger[data-v-2ec299f5]:hover{background:#c43a3a}.office-canvas-wrapper[data-v-2ec299f5]{flex:1;position:relative;overflow:hidden;width:100%;height:100%;background:#1a1a1a;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none}.office-canvas-wrapper[data-v-2ec299f5]:active,.office-canvas-wrapper.panning[data-v-2ec299f5]{cursor:grabbing}.office-canvas[data-v-2ec299f5]{position:absolute;top:0;left:0;width:4000px;height:3000px;background:transparent;cursor:grab;transition:transform .1s ease-out;will-change:transform}.office-canvas[data-v-2ec299f5]:active{cursor:grabbing}.workspace-grid[data-v-2ec299f5]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.user-avatar[data-v-2ec299f5]{position:absolute!important;display:flex!important;flex-direction:column;align-items:center;cursor:move;transition:transform .2s,filter .2s;z-index:5!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;min-width:80px;min-height:80px}.user-avatar[data-v-2ec299f5]:hover{transform:scale(1.15);z-index:20}.user-avatar.current-user[data-v-2ec299f5]{z-index:15;cursor:grab}.user-avatar.current-user[data-v-2ec299f5]:active{cursor:grabbing}.user-controls[data-v-2ec299f5]{position:absolute;bottom:-45px;left:50%;transform:translate(-50%);display:flex;gap:.25rem;background:#000000f2;padding:.5rem;border-radius:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;opacity:0;transition:opacity .2s ease;box-shadow:0 4px 12px #0006}.user-avatar:hover .user-controls[data-v-2ec299f5]{opacity:1}.user-control-btn[data-v-2ec299f5]{width:36px;height:36px;border:none;border-radius:.5rem;background:#3a3a3a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s;border:2px solid transparent}.user-control-btn[data-v-2ec299f5]:hover{background:#4a4a4a;transform:scale(1.1)}.user-control-btn.active[data-v-2ec299f5]{background:#4a90e2;border-color:#fff}.user-control-btn.speaker-btn-normal[data-v-2ec299f5]{font-size:1.2rem;width:38px;height:38px;background:#2a2a2af2;border:2px solid rgba(74,144,226,.5);position:relative}.user-control-btn.speaker-btn-normal[data-v-2ec299f5]:hover{background:#4a90e2f2;border-color:#4a90e2;transform:scale(1.1)}.user-control-btn.speaker-btn-normal.active[data-v-2ec299f5]{background:#4a90e2;border-color:#4a90e2;box-shadow:0 0 12px #4a90e299}.user-control-btn.speaker-btn-normal .icon-off[data-v-2ec299f5]{opacity:.5;position:relative;display:inline-block}.user-control-btn.speaker-btn-normal .icon-off[data-v-2ec299f5]:after{content:"✕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#e24a4a;font-size:1.2rem;font-weight:700;text-shadow:0 0 4px rgba(0,0,0,.8);z-index:1}.video-panel[data-v-2ec299f5]{position:fixed;width:600px;min-height:500px;height:auto;max-height:90vh;background:#1a1a1afa;border:2px solid rgba(74,144,226,.5);border-radius:.5rem;z-index:1000;display:flex;flex-direction:column;box-shadow:-4px 0 20px #00000080;-webkit-user-select:none;-moz-user-select:none;user-select:none}.video-panel[data-v-2ec299f5]:hover{border-color:#4a90e2cc}.video-panel-header[data-v-2ec299f5]{padding:1rem;border-bottom:1px solid rgba(74,144,226,.3);display:flex;justify-content:space-between;align-items:center;background:#2a2a2acc;cursor:move;border-radius:.5rem .5rem 0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.video-panel-header h3[data-v-2ec299f5]{margin:0;color:#fff;font-size:1.2rem}.video-panel-close-btn[data-v-2ec299f5]{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s}.video-panel-close-btn[data-v-2ec299f5]:hover{background:#ffffff1a}.video-panel-content[data-v-2ec299f5]{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;cursor:default;min-height:450px}.video-panel-content.multi-user[data-v-2ec299f5]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 900px){.video-panel-content.multi-user[data-v-2ec299f5]{grid-template-columns:1fr}}.video-panel-item[data-v-2ec299f5]{background:#2a2a2a99;border-radius:.5rem;overflow:hidden;border:1px solid rgba(74,144,226,.3);min-height:420px;display:flex;flex-direction:column}.video-panel-header-item[data-v-2ec299f5]{padding:.75rem;background:#2a2a2acc;border-bottom:1px solid rgba(74,144,226,.2)}.video-panel-header-item h4[data-v-2ec299f5]{margin:0;color:#fff;font-size:1rem;font-weight:600}.video-panel-video[data-v-2ec299f5]{width:100%;min-height:400px;aspect-ratio:16 / 9;-o-object-fit:contain;object-fit:contain;background:#000;display:block;border-radius:0 0 .5rem .5rem}.video-panel-content.multi-user .video-panel-item[data-v-2ec299f5]{min-width:0}.video-panel-content.multi-user .video-panel-video[data-v-2ec299f5]{min-height:300px;aspect-ratio:4 / 3;-o-object-fit:contain;object-fit:contain}.video-panel-empty[data-v-2ec299f5]{padding:2rem;text-align:center;color:#ffffff80;font-size:.9rem}.user-control-btn.video-btn[data-v-2ec299f5]{position:relative}.user-control-btn.video-btn.off[data-v-2ec299f5]{opacity:.6}.user-control-btn.video-btn .icon-off[data-v-2ec299f5]{position:relative;display:inline-block}.user-control-btn.video-btn .cross-mark[data-v-2ec299f5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#e24a4a;font-size:1.2rem;font-weight:700;text-shadow:0 0 4px rgba(0,0,0,.8);z-index:1;pointer-events:none}@keyframes pulse-2ec299f5{0%,to{box-shadow:0 0 16px #4a90e2cc}50%{box-shadow:0 0 24px #4a90e2}}.user-control-btn[data-v-2ec299f5]:hover{background:#4a4a4a}.user-control-btn.active[data-v-2ec299f5]{background:#4a90e2}.user-screen[data-v-2ec299f5]{position:absolute;width:300px;height:200px;border-radius:.5rem;-o-object-fit:contain;object-fit:contain;border:3px solid #4caf50;box-shadow:0 4px 12px #0006;background:#000;top:-220px;left:50%;transform:translate(-50%);z-index:20}.user-avatar.dragging[data-v-2ec299f5]{opacity:.8;transform:scale(1.2);z-index:25}.avatar-circle[data-v-2ec299f5]{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#3a80d2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;border:4px solid #fff;box-shadow:0 4px 12px #0006;overflow:hidden;position:relative}.avatar-img[data-v-2ec299f5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;display:block}.avatar-initials[data-v-2ec299f5]{display:block;z-index:1}.avatar-video[data-v-2ec299f5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;display:block;background:#000;position:absolute;top:0;left:0;z-index:2}.user-info[data-v-2ec299f5]{margin-top:.5rem;text-align:center;background:#000000d9;padding:.5rem .75rem;border-radius:.5rem;min-width:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d}.user-name[data-v-2ec299f5]{font-size:.875rem;font-weight:700;white-space:nowrap;color:#fff}.user-position[data-v-2ec299f5]{font-size:.75rem;color:#aaa;margin-top:.25rem;white-space:nowrap}.user-department[data-v-2ec299f5]{font-size:.7rem;color:#888;margin-top:.15rem;white-space:nowrap}.status-indicator[data-v-2ec299f5]{position:absolute;top:-2px;right:-2px;width:18px;height:18px;border-radius:50%;border:3px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d}.status-indicator .status-icon[data-v-2ec299f5]{width:10px;height:10px;border-radius:50%;display:block}.status-indicator.online .status-icon[data-v-2ec299f5]{background:#4caf50;box-shadow:0 0 8px #4caf5099}.status-indicator.away .status-icon[data-v-2ec299f5]{background:#ff9800;box-shadow:0 0 8px #ff980099}.status-indicator.busy .status-icon[data-v-2ec299f5]{background:#f44336;box-shadow:0 0 8px #f4433699}.status-indicator.offline .status-icon[data-v-2ec299f5]{background:#999}.audio-muted-icon[data-v-2ec299f5]{position:absolute;bottom:-5px;left:-5px;background:#000000e6;border-radius:50%;padding:4px;font-size:.875rem;border:2px solid #fff}.video-off-icon[data-v-2ec299f5]{position:absolute;bottom:-5px;right:-5px;background:#000000e6;border-radius:50%;padding:4px;font-size:.875rem;border:2px solid #fff}.user-video[data-v-2ec299f5]{position:absolute;width:200px;height:150px;border-radius:.5rem;-o-object-fit:cover;object-fit:cover;border:2px solid #4a90e2;box-shadow:0 4px 12px #0000004d}.settings-modal[data-v-2ec299f5]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-content[data-v-2ec299f5]{background:#2a2a2a;padding:2rem;border-radius:.5rem;min-width:400px}.settings-content h2[data-v-2ec299f5]{margin-top:0}.settings-section[data-v-2ec299f5]{margin-bottom:1rem}.settings-section label[data-v-2ec299f5]{display:block;margin-bottom:.5rem}.settings-section select[data-v-2ec299f5],.settings-section input[data-v-2ec299f5]{width:100%;padding:.5rem;background:#3a3a3a;border:1px solid #4a4a4a;border-radius:.25rem;color:#fff}.settings-input[data-v-2ec299f5]{font-size:.875rem}.avatar-upload-section[data-v-2ec299f5]{display:flex;flex-direction:column;gap:.5rem}.avatar-preview[data-v-2ec299f5]{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #4a4a4a;background:#3a3a3a;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.avatar-preview img[data-v-2ec299f5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-preview.placeholder[data-v-2ec299f5]{color:#999;font-size:.875rem}.avatar-url-section[data-v-2ec299f5]{margin-top:.5rem}.file-input[data-v-2ec299f5]{display:none}.background-preview[data-v-2ec299f5]{width:100%;height:200px;border-radius:.5rem;overflow:hidden;border:3px solid #4a4a4a;background:#3a3a3a;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.background-preview img[data-v-2ec299f5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.background-preview.placeholder[data-v-2ec299f5]{color:#999;font-size:.875rem}.settings-actions[data-v-2ec299f5]{display:flex;gap:.5rem;margin-top:1.5rem}.btn-secondary[data-v-2ec299f5]{padding:.75rem 1.5rem;background:#3a3a3a;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:700}.btn-secondary[data-v-2ec299f5]:hover{background:#4a4a4a}.btn-primary[data-v-2ec299f5]{padding:.75rem 1.5rem;background:#4a90e2;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:700}.btn-primary[data-v-2ec299f5]:hover{background:#3a80d2}.loading-screen[data-v-2ec299f5],.error-screen[data-v-2ec299f5]{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#fff}.loading-content[data-v-2ec299f5],.error-content[data-v-2ec299f5]{text-align:center;padding:2rem}.loading-content h2[data-v-2ec299f5],.error-content h2[data-v-2ec299f5]{margin-bottom:1rem}.loading-content p[data-v-2ec299f5],.error-content p[data-v-2ec299f5]{color:#999;margin-bottom:2rem}.background-modal[data-v-2ec299f5]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn-2ec299f5 .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeIn-2ec299f5{0%{opacity:0}to{opacity:1}}.background-modal-content[data-v-2ec299f5]{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:1rem;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #000000b3;animation:slideUp-2ec299f5 .3s ease;border:1px solid #3a3a3a}@keyframes slideUp-2ec299f5{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.background-modal-header[data-v-2ec299f5]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #3a3a3a;background:#2a2a2a80}.background-modal-header h2[data-v-2ec299f5]{margin:0;font-size:1.5rem;color:#fff;font-weight:600}.modal-close-btn[data-v-2ec299f5]{background:transparent;border:none;color:#999;font-size:2rem;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;line-height:1}.modal-close-btn[data-v-2ec299f5]:hover{background:#3a3a3a;color:#fff;transform:rotate(90deg)}.background-modal-body[data-v-2ec299f5]{padding:2rem}.background-preview-container[data-v-2ec299f5]{margin-bottom:2rem}.preview-label[data-v-2ec299f5]{display:block;color:#ccc;font-weight:600;margin-bottom:.75rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.background-preview-large[data-v-2ec299f5]{width:100%;height:300px;border-radius:.75rem;overflow:hidden;border:2px solid #4a4a4a;background:#1a1a1a;position:relative;box-shadow:0 4px 12px #0000004d}.background-preview-large img[data-v-2ec299f5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.background-preview-large.placeholder[data-v-2ec299f5]{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.placeholder-content[data-v-2ec299f5]{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#666}.placeholder-icon[data-v-2ec299f5]{font-size:4rem;opacity:.5}.preview-overlay[data-v-2ec299f5]{position:absolute;top:1rem;right:1rem}.preview-badge[data-v-2ec299f5]{background:#667eeaf2;color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #0000004d;text-transform:uppercase;letter-spacing:.5px}.background-upload-section[data-v-2ec299f5],.background-url-section[data-v-2ec299f5]{margin-bottom:1.5rem}.section-label[data-v-2ec299f5]{display:block;color:#ccc;font-weight:600;margin-bottom:.75rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.upload-btn[data-v-2ec299f5]{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #667eea66}.upload-btn[data-v-2ec299f5]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.upload-btn[data-v-2ec299f5]:active{transform:translateY(0)}.upload-hint[data-v-2ec299f5],.url-hint[data-v-2ec299f5]{color:#999;font-size:.75rem;margin-top:.5rem;margin-bottom:0;font-style:italic}.url-input[data-v-2ec299f5]{width:100%;padding:.875rem 1rem;background:#1a1a1a;border:2px solid #3a3a3a;border-radius:.5rem;color:#fff;font-size:.9rem;transition:all .3s;box-sizing:border-box}.url-input[data-v-2ec299f5]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#222}.file-input-hidden[data-v-2ec299f5]{display:none}.background-actions[data-v-2ec299f5]{margin-top:1rem}.remove-btn[data-v-2ec299f5]{width:100%;padding:.875rem;background:#e24a4a;color:#fff;border:none;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.remove-btn[data-v-2ec299f5]:hover{background:#c43a3a;transform:translateY(-2px);box-shadow:0 4px 12px #e24a4a66}.remove-btn[data-v-2ec299f5]:active{transform:translateY(0)}.background-modal-footer[data-v-2ec299f5]{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #3a3a3a;justify-content:flex-end;background:#2a2a2a4d}.cancel-btn[data-v-2ec299f5]{padding:.75rem 1.5rem;background:#3a3a3a;color:#fff;border:none;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn[data-v-2ec299f5]:hover{background:#4a4a4a;transform:translateY(-1px)}.save-btn[data-v-2ec299f5]{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #667eea66}.save-btn[data-v-2ec299f5]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.save-btn[data-v-2ec299f5]:active{transform:translateY(0)}.btn-icon[data-v-2ec299f5]{font-size:1rem;display:inline-block}