.login-container[data-v-b373621b]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f2f5}.login-box[data-v-b373621b]{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:400px;text-align:center}h2[data-v-b373621b]{color:#007bff;margin-bottom:30px}.form-group[data-v-b373621b]{margin-bottom:20px;text-align:left}label[data-v-b373621b]{display:block;font-weight:700;margin-bottom:5px;color:#555}input[type=text][data-v-b373621b],input[type=password][data-v-b373621b]{width:100%;padding:12px;border:1px solid #ced4da;border-radius:6px;box-sizing:border-box}button[data-v-b373621b]{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s;margin-top:10px}button[data-v-b373621b]:hover:not(:disabled){background-color:#0056b3}button[data-v-b373621b]:disabled{background-color:#a0c3e6;cursor:not-allowed}.error-message[data-v-b373621b]{color:#dc3545;margin-top:15px;font-size:.9rem}.call-panel[data-v-f227c641]{display:flex;flex-direction:column;align-items:center;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000001a;background-color:#f8f9fa;text-align:center;width:100%}.status-box[data-v-f227c641]{width:100%;padding:20px;margin-bottom:30px;border-radius:10px;color:#fff;transition:background-color .5s}.idle[data-v-f227c641]{background-color:#17a2b8}.connecting[data-v-f227c641]{background-color:#ffc107}.connected[data-v-f227c641]{background-color:#28a745}.disconnected[data-v-f227c641]{background-color:#6c757d}.status-icon[data-v-f227c641]{font-size:3rem;line-height:1;margin-bottom:10px}.status-text[data-v-f227c641]{margin:0;font-size:1.8rem}.ws-status[data-v-f227c641]{font-size:.8rem;margin-top:5px;opacity:.8}.call-info[data-v-f227c641]{width:100%;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d}.call-info h3[data-v-f227c641]{color:#333;margin-top:0;margin-bottom:15px}.call-btn[data-v-f227c641]{background-color:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:4px;font-size:.8rem;margin-left:auto;cursor:pointer;transition:background-color .2s}.call-btn[data-v-f227c641]:hover:not(:disabled){background-color:#0056b3}.call-btn[data-v-f227c641]:disabled{background-color:#a0c3e6;cursor:not-allowed}.control-buttons[data-v-f227c641]{display:flex;justify-content:center;gap:15px;margin-bottom:25px}.control-btn[data-v-f227c641]{padding:10px 20px;border:1px solid #ccc;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s}.mute-btn[data-v-f227c641]:not(.active){background-color:#f8f9fa;color:#333}.mute-btn.active[data-v-f227c641]{background-color:#ffc107;color:#333;font-weight:700}.hold-btn[data-v-f227c641]:not(.active){background-color:#f8f9fa;color:#333}.hold-btn.active[data-v-f227c641]{background-color:#17a2b8;color:#fff;font-weight:700}.operator-select[data-v-f227c641]{padding:10px;border-radius:6px;margin-right:10px;border:1px solid #ccc;width:200px}.escalate-btn[data-v-f227c641]{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.escalate-btn[data-v-f227c641]:disabled{background-color:#a0c3e6;cursor:not-allowed}.hangup-btn[data-v-f227c641]{background-color:#dc3545;color:#fff;padding:12px 40px;border:none;border-radius:25px;font-size:1rem;font-weight:700;margin-top:20px;cursor:pointer;transition:background-color .3s}.hangup-btn[data-v-f227c641]:hover{background-color:#c82333}.error-message[data-v-f227c641]{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:15px;margin-bottom:20px;border-radius:8px;width:100%}@media(max-width:768px){.call-panel[data-v-f227c641]{margin:20px;padding:20px}}.status-list-card[data-v-9ad2370f]{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;padding:20px;text-align:left}h3[data-v-9ad2370f]{color:#17a2b8;margin-top:0;margin-bottom:20px;border-bottom:2px solid #e9ecef;padding-bottom:10px}.status-list[data-v-9ad2370f]{list-style:none;padding:0;margin:0;max-height:50vh;overflow-y:scroll}.status-list li[data-v-9ad2370f]{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f8f9fa;font-size:1rem}.status-list li[data-v-9ad2370f]:last-child{border-bottom:none}.dot[data-v-9ad2370f]{width:10px;height:10px;border-radius:50%;margin-right:10px;flex-shrink:0}.status-calling .dot[data-v-9ad2370f]{background-color:#dc3545}.status-idle .dot[data-v-9ad2370f]{background-color:#28a745}.identity[data-v-9ad2370f]{font-weight:700;flex-grow:1}.status[data-v-9ad2370f]{font-weight:600;font-size:.9rem}.count[data-v-9ad2370f]{margin-top:15px;font-size:.9rem;color:#6c757d;text-align:center}.takeover-btn[data-v-9ad2370f]{background-color:#ff8c00;color:#fff;border:none;padding:5px 10px;border-radius:4px;font-size:.8rem;margin-left:auto;cursor:pointer;transition:background-color .2s}.takeover-btn[data-v-9ad2370f]:hover:not(:disabled){background-color:#cc7000}.takeover-btn[data-v-9ad2370f]:disabled{background-color:#ddd;cursor:not-allowed}.status-conference .dot[data-v-9ad2370f]{background-color:#ff8c00}.call-btn[data-v-9ad2370f]{background-color:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:4px;font-size:.8rem;margin-left:auto;cursor:pointer;transition:background-color .2s}.call-btn[data-v-9ad2370f]:hover:not(:disabled){background-color:#0056b3}.call-btn[data-v-9ad2370f]:disabled{background-color:#a0c3e6;cursor:not-allowed}.status-list-card[data-v-e090cc82]{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;padding:20px;text-align:left}h3[data-v-e090cc82]{color:#17a2b8;margin-top:0;margin-bottom:20px;border-bottom:2px solid #e9ecef;padding-bottom:10px}.status-list[data-v-e090cc82]{list-style:none;padding:0;margin:0;max-height:50vh;overflow-y:scroll}.status-list li[data-v-e090cc82]{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #000000;font-size:1rem}.status-list li[data-v-e090cc82]:last-child{border-bottom:none}.identity[data-v-e090cc82]{font-weight:700;flex-grow:1}.count[data-v-e090cc82]{margin-top:15px;font-size:.9rem;color:#6c757d;text-align:center}.call-btn[data-v-e090cc82]{background-color:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:4px;font-size:.8rem;margin-left:auto;cursor:pointer;transition:background-color .2s}.call-btn[data-v-e090cc82]:hover:not(:disabled){background-color:#0056b3}.call-btn[data-v-e090cc82]:disabled{background-color:#a0c3e6;cursor:not-allowed}.incoming-alert-overlay[data-v-d66c78a3]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.incoming-alert-box[data-v-d66c78a3]{background-color:#fff;border-radius:12px;box-shadow:0 8px 25px #0003;width:90%;max-width:400px;padding:25px;text-align:center}.header[data-v-d66c78a3]{font-size:1.5rem;font-weight:700;color:#007bff;margin-bottom:15px}.phone-number[data-v-d66c78a3]{font-size:1.8rem;font-weight:600;color:#333;margin:10px 0}.actions[data-v-d66c78a3]{display:flex;justify-content:space-around;margin-top:25px}.answer-btn[data-v-d66c78a3],.reject-btn[data-v-d66c78a3]{padding:12px 30px;border:none;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s,transform .1s}.answer-btn[data-v-d66c78a3]{background-color:#28a745;color:#fff}.answer-btn[data-v-d66c78a3]:hover{background-color:#218838;transform:translateY(-1px)}.reject-btn[data-v-d66c78a3]{background-color:#dc3545;color:#fff}.reject-btn[data-v-d66c78a3]:hover{background-color:#c82333;transform:translateY(-1px)}.call-center-app[data-v-d7a9ebf3]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;background-color:#e9ecef;min-height:100vh}h1[data-v-d7a9ebf3]{color:#007bff;margin-bottom:40px}.main-content-wrapper[data-v-d7a9ebf3]{display:flex;gap:30px;align-items:flex-start;max-width:1200px;margin:0 auto;padding:20px}.panel-call[data-v-d7a9ebf3]{flex:2}.panel-status[data-v-d7a9ebf3]{flex:1}@media(max-width:768px){.main-content-wrapper[data-v-d7a9ebf3]{flex-direction:column;gap:20px}.panel-call[data-v-d7a9ebf3],.panel-status[data-v-d7a9ebf3]{width:100%;flex:auto}}body{margin:0;font-family:Arial,sans-serif}#app{min-height:100vh}