.video-call-container[data-v-05894605]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.status-bar[data-v-05894605]{padding:16px 24px;background:rgba(30,41,59,.8);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1)}.status-info[data-v-05894605]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.status-icon[data-v-05894605]{position:relative;width:12px;height:12px}.recording-indicator[data-v-05894605]{width:12px;height:12px;background:#ef4444;border-radius:50%;-webkit-animation:pulse-05894605 1.5s infinite;animation:pulse-05894605 1.5s infinite}@-webkit-keyframes pulse-05894605{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes pulse-05894605{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.status-text h2[data-v-05894605]{margin:0;font-size:16px;font-weight:600;color:#f8fafc}.timer[data-v-05894605]{font-size:14px;color:#94a3b8;margin-top:2px}.video-main-area[data-v-05894605]{position:relative;padding:20px;gap:20px}.main-video-wrapper[data-v-05894605],.video-main-area[data-v-05894605]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.main-video-wrapper[data-v-05894605]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:rgba(15,23,42,.6);border-radius:16px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1)}.video-header[data-v-05894605]{padding:16px 24px;background:rgba(0,0,0,.3);border-bottom:1px solid hsla(0,0%,100%,.1)}.video-header h3[data-v-05894605]{margin:0;font-size:14px;font-weight:500;color:#cbd5e1}.remote-video-container[data-v-05894605]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.main-video-display[data-v-05894605]{width:100%;height:100%;background:#0f172a}.remote-video-item[data-v-05894605]{width:100%;height:100%;position:relative}.video-overlay[data-v-05894605]{position:absolute;bottom:16px;left:16px;right:16px;padding:8px 12px;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);border-radius:8px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.user-info[data-v-05894605],.video-overlay[data-v-05894605]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-info[data-v-05894605]{gap:8px}.user-name[data-v-05894605]{font-weight:500;color:#fff}.user-status[data-v-05894605]{font-size:12px;color:#10b981;padding:2px 8px;background:rgba(16,185,129,.2);border-radius:12px}.no-remote-placeholder[data-v-05894605]{text-align:center;color:#94a3b8}.placeholder-icon[data-v-05894605]{width:64px;height:64px;margin:0 auto 16px;color:#475569}.placeholder-icon svg[data-v-05894605]{width:100%;height:100%}.pip-video-wrapper[data-v-05894605]{position:absolute;bottom:100px;right:24px;width:240px;height:160px;background:rgba(15,23,42,.8);border-radius:12px;overflow:hidden;border:2px solid hsla(0,0%,100%,.1);-webkit-box-shadow:0 20px 25px -5px rgba(0,0,0,.5);box-shadow:0 20px 25px -5px rgba(0,0,0,.5);z-index:10}.pip-header[data-v-05894605]{padding:8px 12px;background:rgba(0,0,0,.6);border-bottom:1px solid hsla(0,0%,100%,.1)}.pip-header h4[data-v-05894605]{margin:0;font-size:12px;font-weight:500;color:#cbd5e1}.pip-video-display[data-v-05894605]{width:100%;height:calc(100% - 40px);background:#1e293b;position:relative}.local-placeholder[data-v-05894605]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#64748b}.local-placeholder .placeholder-icon[data-v-05894605]{width:48px;height:48px;margin-bottom:8px}.control-bar[data-v-05894605]{padding:20px 24px;background:rgba(30,41,59,.8);backdrop-filter:blur(10px);border-top:1px solid hsla(0,0%,100%,.1)}.controls-center[data-v-05894605]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.control-btn[data-v-05894605]{padding:12px 32px;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;background:transparent;color:#fff}.control-btn[data-v-05894605]:disabled{opacity:.5;cursor:not-allowed}.hangup-btn[data-v-05894605]{background:#ef4444;color:#fff}.hangup-btn[data-v-05894605]:hover:not(:disabled){background:#dc2626;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.control-btn svg[data-v-05894605]{width:20px;height:20px}@media (max-width:768px){.video-main-area[data-v-05894605]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:12px}.pip-video-wrapper[data-v-05894605]{position:relative;width:100%;height:200px;bottom:auto;right:auto;margin-top:20px}.status-bar[data-v-05894605]{padding:12px 16px}.control-bar[data-v-05894605]{padding:16px}}