*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0d1117;color:#c9d1d9;height:100vh;overflow:hidden;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;height:100vh}.header{background:#161b22;color:#fff;padding:10px 24px;display:flex;align-items:center;gap:12px;height:48px;border-bottom:1px solid #21262d}.header-logo{height:30px}.header h1{font-size:16px;font-weight:600}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:#0d1117}.login-card{background:#161b22;border:1px solid #21262d;border-radius:16px;padding:40px 36px;width:360px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 8px 40px #0006}.login-logo{height:80px;margin-bottom:12px}.login-error{width:100%;padding:8px 12px;background:#f851491a;border:1px solid rgba(248,81,73,.3);border-radius:8px;color:#f85149;font-size:12px;text-align:center}.login-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #21262d;font-size:14px;background:#0d1117;color:#e6edf3;outline:none;transition:border-color .15s}.login-input:focus{border-color:#58a6ff}.login-input::placeholder{color:#484f58}.login-btn{width:100%;padding:12px 0;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;background:#238636;color:#fff;transition:background .15s;margin-top:4px}.login-btn:hover:not(:disabled){background:#2ea043}.login-btn:disabled{opacity:.5;cursor:not-allowed}.logout-btn{padding:5px 14px;border:1px solid #21262d;border-radius:6px;background:transparent;color:#8b949e;font-size:12px;cursor:pointer;transition:all .15s}.logout-btn:hover{color:#f85149;border-color:#f85149}.mock-billing-toggle{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#21262dcc;border:1px solid #30363d;border-radius:6px;margin-left:auto}.toggle-label{font-size:11px;color:#8b949e;font-weight:500}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#21262d;transition:.3s;border-radius:20px;border:1px solid #30363d}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#8b949e;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#238636;border-color:#2ea043}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px);background-color:#fff}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-status{font-size:10px;font-weight:600;min-width:24px}.toggle-status.on{color:#3fb950}.toggle-status.off{color:#8b949e}.header-link{padding:5px 14px;border:1px solid #21262d;border-radius:6px;background:transparent;color:#58a6ff;font-size:12px;text-decoration:none;transition:all .15s}.header-link:hover{background:#58a6ff1a;border-color:#58a6ff}.page{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;padding:12px;flex:1;min-height:0}.card{background:#161b22;border-radius:10px;border:1px solid #21262d;display:flex;flex-direction:column;overflow:hidden}.card-header{padding:10px 14px;font-size:13px;font-weight:600;color:#e6edf3;border-bottom:1px solid #21262d;background:#1c2128;display:flex;align-items:center;gap:6px;flex-shrink:0}.card-body{flex:1;overflow-y:auto;padding:12px 14px}.call-widget{position:fixed;z-index:1000;width:340px;background:#1c1c1ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:12px 16px 16px;box-shadow:0 8px 40px #00000080,0 0 0 .5px #ffffff1a inset;cursor:grab;-webkit-user-select:none;user-select:none;transition:box-shadow .3s}.call-widget:active{cursor:grabbing}.call-widget.in-call{box-shadow:0 8px 40px #4caf504d,0 0 0 .5px #ffffff1a inset}.call-widget.connecting{box-shadow:0 8px 40px #ff98004d,0 0 0 .5px #ffffff1a inset}.call-widget-handle{display:flex;justify-content:center;padding-bottom:8px}.call-widget-pill{width:36px;height:4px;border-radius:2px;background:#ffffff40}.call-timer-section{text-align:center;padding:6px 0 12px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}.call-timer-status{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#4caf50;margin-bottom:2px}.call-widget.connecting .call-timer-status{color:#ff9800}.call-timer{font-size:32px;font-weight:200;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;letter-spacing:2px}.call-timer-cpr{font-size:28px;font-weight:300;color:#ffffffd9;margin-top:4px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;letter-spacing:1.5px}.call-widget-fields{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.call-widget-select,.call-widget-input{width:100%;padding:10px 12px;border-radius:10px;border:none;font-size:13px;background:#ffffff14;color:#fff;outline:none;transition:background .15s}.call-widget-select:focus,.call-widget-input:focus{background:#ffffff24}.call-widget-select:disabled,.call-widget-input:disabled{opacity:.4}.call-widget-select option{background:#1c1c1e;color:#fff}.call-widget-input::placeholder{color:#ffffff4d}.call-widget-buttons{display:flex;gap:10px}.call-btn{flex:1;padding:12px 0;border:none;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s}.call-btn:disabled{opacity:.3;cursor:not-allowed}.call-btn-start{background:#34c759;color:#fff}.call-btn-start:not(:disabled):hover{background:#2db84d}.call-btn-end{background:#ff3b30;color:#fff}.call-btn-end:not(:disabled):hover{background:#e0332a}.call-btn-icon{font-size:16px}.pulse-icon{animation:pulse-dot 1s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.transcript-container{background:#1a1f2b;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23222938' fill-opacity='0.5'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");border-radius:0 0 10px 10px;padding:10px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.transcript-container.rtl{direction:rtl}.transcript-info{display:flex;align-items:center;gap:8px;padding:4px 14px 0}.transcript-badge{background:#238636;color:#fff;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600}.transcript-badge.english{background:#d29922}.transcript-meta{color:#8b949e;font-size:10px}.transcript-line{max-width:85%;padding:5px 8px;border-radius:7px;font-size:11px;line-height:1.4;word-wrap:break-word;box-shadow:0 1px 2px #0000004d}.transcript-line.agent{background:#1a4028;align-self:flex-end;border-top-right-radius:0}.transcript-line.customer{background:#21262d;align-self:flex-start;border-top-left-radius:0}.transcript-speaker{font-weight:600;font-size:10px;margin-bottom:1px}.transcript-line.agent .transcript-speaker{color:#3fb950}.transcript-line.customer .transcript-speaker{color:#f0883e}.transcript-text{color:#e6edf3}.bill-card{display:none}.bill-card.visible{display:flex}.bill-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.bill-stat{background:#1c2128;border-radius:6px;padding:10px;text-align:center;border:1px solid #21262d}.bill-stat-label{font-size:10px;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.bill-stat-value{font-size:17px;font-weight:700;color:#e6edf3}.bill-stat-value.amount{color:#f85149}.bill-charges-table{width:100%;border-collapse:collapse;font-size:12px}.bill-charges-table th{text-align:left;padding:6px 8px;background:#1c2128;color:#8b949e;font-weight:600;font-size:10px;text-transform:uppercase}.bill-charges-table td{padding:6px 8px;border-bottom:1px solid #21262d;color:#c9d1d9}.bill-charges-table .charge-amount{text-align:right;font-weight:600;font-family:Monaco,Menlo,monospace}.bill-total-row td{border-top:2px solid #58a6ff;font-weight:700;font-size:13px;padding-top:8px;color:#e6edf3}.bill-no-data{color:#8b949e;text-align:center;padding:20px;font-size:12px}.bill-prev-compare{margin-top:8px;padding:8px;background:#1c2128;border-radius:6px;font-size:12px;color:#8b949e;border:1px solid #21262d}.bill-cat-row{cursor:pointer}.bill-cat-row:hover{background:#388bfd1a}.bill-expand-arrow{display:inline-block;font-size:9px;margin-right:4px;transition:transform .15s;color:#8b949e}.bill-expand-arrow.open{transform:rotate(90deg)}.bill-breakdown-row td{background:#0d1117}.log-container{background:#0d1117;border-radius:0 0 10px 10px;padding:10px;flex:1;overflow-y:auto;font-family:Monaco,Menlo,monospace;font-size:11px}.log-entry{margin-bottom:4px;line-height:1.4}.log-entry.info{color:#58a6ff}.log-entry.success{color:#3fb950}.log-entry.error{color:#f85149}.log-entry.warn{color:#d29922}.log-time{color:#484f58;margin-right:6px}.tool-log-container{background:#0d1117;border-radius:0 0 10px 10px;padding:10px;flex:1;overflow-y:auto;font-family:Monaco,Menlo,monospace;font-size:11px}.tool-log-entry{margin-bottom:8px;border-radius:6px;overflow:hidden;border:1px solid #21262d}.tool-log-header{display:flex;align-items:center;gap:6px;padding:7px 10px;font-weight:600;font-size:11px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#161b22;color:#c9d1d9}.tool-log-header:hover{background:#1c2128}.tool-log-header .arrow{font-size:9px;transition:transform .15s;color:#8b949e}.tool-log-header .arrow.open{transform:rotate(90deg)}.tool-log-endpoint{flex:1}.tool-log-time{margin-left:auto;color:#484f58;font-weight:400;font-size:10px}.tool-log-status{font-size:9px;font-weight:700;padding:1px 6px;border-radius:8px}.tool-log-status.ok{background:#1a4028;color:#3fb950}.tool-log-status.err{background:#4a1c1c;color:#f85149}.tool-log-details{display:none}.tool-log-details.open{display:block}.tool-log-section{padding:4px 10px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tool-log-section.input-label{background:#1c2333;color:#58a6ff}.tool-log-section.output-label{background:#0f2d1a;color:#3fb950}.tool-log-section.output-err-label{background:#2d1117;color:#f85149}.tool-log-json{background:#0d1117;padding:6px 10px;color:#c9d1d9;white-space:pre-wrap;word-break:break-all;line-height:1.5;max-height:150px;overflow-y:auto;font-size:10px;border-bottom:1px solid #21262d}.tool-log-json:last-child{border-bottom:none}.json-key{color:#79c0ff}.json-number{color:#d2a8ff}.json-bool{color:#ff7b72}.json-null{color:#8b949e}.tool-log-empty{color:#484f58;text-align:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px}.bottom-split{display:flex;gap:12px;min-height:0}.bottom-split>.card{flex:1;min-width:0}.esc-log-container{flex:1;overflow-y:auto;padding:8px}.esc-entry{padding:10px 12px;background:#f851490f;border:1px solid rgba(248,81,73,.15);border-radius:8px;margin-bottom:8px}.esc-entry:last-child{margin-bottom:0}.esc-entry-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.esc-entry-phone{font-size:13px;font-weight:700;color:#e6edf3;font-family:Monaco,Menlo,monospace}.esc-entry-meta{font-size:10px;color:#484f58;margin-left:auto;display:flex;align-items:center;gap:6px}.esc-entry-badge{background:#f8514926;color:#f85149;padding:1px 6px;border-radius:8px;font-size:9px;font-weight:600}.esc-entry-dismiss{width:20px;height:20px;border:none;border-radius:4px;background:transparent;color:#484f58;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.esc-entry-dismiss:hover{background:#f8514926;color:#f85149}.esc-entry-issue{font-size:11px;color:#8b949e;line-height:1.4}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#484f58}@media(max-width:900px){.page{grid-template-columns:1fr;grid-template-rows:auto;flex:none}body{overflow:auto;height:auto}#root{height:auto}.call-widget{width:300px}}.test-api-page{min-height:100vh;background:#0d1117;padding:20px;overflow:auto}.test-api-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #21262d}.test-api-header h1{font-size:24px;color:#e6edf3}.back-link{color:#58a6ff;text-decoration:none;font-size:14px;padding:8px 16px;border:1px solid #21262d;border-radius:8px;transition:all .2s}.back-link:hover{background:#21262d;border-color:#58a6ff}.test-api-container{display:grid;grid-template-columns:400px 1fr;gap:24px;max-width:1400px;margin:0 auto}.test-api-form-panel{background:#161b22;border:1px solid #21262d;border-radius:12px;padding:24px}.test-api-response-panel{background:#161b22;border:1px solid #21262d;border-radius:12px;display:flex;flex-direction:column;min-height:600px}.form-section{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:600;color:#8b949e;margin-bottom:8px}.api-selector{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;padding-right:8px}.api-option{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0d1117;border:1px solid #21262d;border-radius:8px;cursor:pointer;transition:all .15s;text-align:left}.api-option:hover{border-color:#58a6ff}.api-option.active{border-color:#58a6ff;background:#58a6ff1a}.method-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase}.method-badge.get{background:#3fb95033;color:#3fb950}.method-badge.post{background:#d2992233;color:#d29922}.api-name{color:#e6edf3;font-size:13px}.api-info{background:#0d1117;border:1px solid #21262d;border-radius:8px;padding:10px 12px;margin-bottom:12px}.api-path{display:block;font-size:12px;color:#58a6ff;margin-bottom:6px}.api-desc{font-size:13px;color:#8b949e;margin:0}.url-bar{display:flex;align-items:center;background:#0d1117;border:1px solid #21262d;border-radius:8px;overflow:hidden;margin-bottom:20px}.url-method{padding:12px 16px;font-size:12px;font-weight:700;text-transform:uppercase;white-space:nowrap;border-right:1px solid #21262d}.url-method.get{background:#3fb95026;color:#3fb950}.url-method.post{background:#d2992226;color:#d29922}.url-input{flex:1;background:transparent;border:none;color:#e6edf3;font-family:Fira Code,Consolas,monospace;font-size:12px;padding:12px;outline:none;cursor:text}.url-input:focus{background:#58a6ff0d}.request-body-preview{background:#0d1117;border:1px solid #21262d;border-radius:8px;padding:12px;margin-bottom:20px}.preview-label{display:block;font-size:11px;color:#8b949e;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.preview-json{margin:0;font-size:12px;color:#7ee787;font-family:Fira Code,Consolas,monospace}.form-group{margin-bottom:16px}.form-input{width:100%;padding:12px 14px;background:#0d1117;border:1px solid #21262d;border-radius:8px;color:#e6edf3;font-size:14px;font-family:monospace;outline:none;transition:border-color .15s}.form-input:focus{border-color:#58a6ff}.form-input::placeholder{color:#484f58}.submit-btn{width:100%;padding:14px;background:#238636;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.submit-btn:hover:not(:disabled){background:#2ea043}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.button-group{display:flex;gap:10px}.button-group .submit-btn{flex:1}.cancel-btn{padding:14px 20px;background:#da3633;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.cancel-btn:hover{background:#f85149}.response-header{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #21262d;background:#1c2128;border-radius:12px 12px 0 0}.response-header h3{font-size:14px;color:#e6edf3}.response-time{font-size:12px;color:#3fb950;font-family:monospace;font-weight:600}.response-time.live{color:#d29922;animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.response-status{margin-left:auto;font-size:10px;font-weight:700;padding:4px 10px;border-radius:4px;color:#fff}.response-body{flex:1;padding:16px;overflow:auto}.response-error{background:#f851491a;border:1px solid rgba(248,81,73,.3);border-radius:8px;padding:16px;color:#f85149;font-size:14px}.response-json{background:#0d1117;border:1px solid #21262d;border-radius:8px;padding:16px;font-size:12px;color:#e6edf3;overflow:auto;white-space:pre-wrap;word-break:break-word;max-height:100%;line-height:1.5}.json-viewer{display:flex;flex-direction:column;height:100%;background:#0d1117;border:1px solid #21262d;border-radius:8px;overflow:hidden}.json-toolbar{display:flex;gap:8px;padding:8px 12px;background:#161b22;border-bottom:1px solid #21262d}.json-btn{background:#21262d;border:1px solid #30363d;color:#8b949e;padding:4px 10px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .15s}.json-btn:hover{background:#30363d;color:#e6edf3}.json-content{flex:1;overflow:auto;padding:16px;margin:0;font-family:Fira Code,Consolas,monospace;font-size:12px;line-height:1.6}.json-toggle{cursor:pointer;color:#8b949e;margin-right:4px;-webkit-user-select:none;user-select:none;font-size:10px}.json-toggle:hover{color:#58a6ff}.json-bracket{color:#8b949e}.json-key{color:#7ee787}.json-index,.json-colon,.json-comma{color:#8b949e}.json-string{color:#a5d6ff}.json-number{color:#79c0ff}.json-boolean{color:#ff7b72}.json-null{color:#ff7b72;font-style:italic}.json-undefined{color:#8b949e;font-style:italic}.json-empty{color:#8b949e}.json-collapsed{color:#8b949e;cursor:pointer;font-style:italic;margin:0 4px}.json-collapsed:hover{color:#58a6ff}.json-node{display:inline}.json-children{display:block;margin-left:20px;border-left:1px solid #30363d;padding-left:12px}.json-entry{display:block}.response-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#484f58;font-size:14px}@media(max-width:900px){.test-api-container{grid-template-columns:1fr}.api-selector{max-height:200px}}.raw-badge{background:#8957e5;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.header-link.raw{background:#8957e5;color:#fff}.header-link.raw:hover{background:#9d6ceb}.sample-numbers{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:12px;background:#161b22;border-radius:8px}.sample-label{color:#8b949e;font-size:12px}.sample-btn{padding:6px 12px;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#58a6ff;font-size:12px;font-family:monospace;cursor:pointer;transition:all .15s}.sample-btn:hover{background:#30363d;border-color:#58a6ff}.api-info{padding:12px 14px;background:#161b22;border-radius:8px;margin-bottom:16px}.api-desc{margin:0;color:#8b949e;font-size:13px;line-height:1.4}.curl-section{background:#0d1117;border:1px solid #21262d;border-radius:8px;margin-bottom:16px;overflow:hidden}.curl-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#161b22;border-bottom:1px solid #21262d}.curl-label{color:#8b949e;font-size:12px}.copy-curl-btn{padding:4px 10px;background:#21262d;border:1px solid #30363d;border-radius:4px;color:#8b949e;font-size:11px;cursor:pointer;transition:all .15s}.copy-curl-btn:hover{background:#30363d;color:#e6edf3}.curl-command{display:block;padding:12px;font-size:11px;color:#7ee787;font-family:Fira Code,Consolas,monospace;word-break:break-all;white-space:pre-wrap}.method-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;margin-right:8px}.method-badge.customer{background:#1f6feb;color:#fff}.method-badge.billing{background:#238636;color:#fff}.raw-submit{background:#8957e5}.raw-submit:hover:not(:disabled){background:#9d6ceb}.placeholder-content{text-align:center}.placeholder-note{font-size:12px;margin-top:12px;color:#6e7681}.agent-panel-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.agent-panel{background:#161b22;border:1px solid #30363d;border-radius:16px;width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 16px 70px #00000080}.agent-panel.ringing{animation:panel-ring .5s ease-in-out infinite alternate;border-color:#238636;box-shadow:0 0 30px #23863666}@keyframes panel-ring{0%{transform:scale(1)}to{transform:scale(1.01)}}.agent-panel-header{padding:20px 24px;border-bottom:1px solid #21262d;display:flex;align-items:center;gap:12px;position:relative}.agent-panel-header h2{font-size:18px;font-weight:600;color:#e6edf3}.agent-panel-subtitle{font-size:12px;color:#8b949e}.agent-panel-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#8b949e;font-size:24px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s}.agent-panel-close:hover{background:#21262d;color:#e6edf3}.agent-section{padding:16px 24px;border-bottom:1px solid #21262d}.agent-section:last-child{border-bottom:none}.agent-section-title{font-size:12px;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.agent-status-row,.phone-status-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14px}.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.status-badge.ok{background:#23863633;color:#3fb950}.status-badge.err,.status-badge.offline{background:#f8514933;color:#f85149}.status-badge.ring{background:#2386364d;color:#3fb950;animation:pulse-ring 1s ease-in-out infinite}.status-badge.active{background:#58a6ff33;color:#58a6ff}.status-badge.pending{background:#bb800933;color:#d29922}@keyframes pulse-ring{0%,to{opacity:1}50%{opacity:.6}}.phone-controls{margin-top:12px}.agent-btn{padding:10px 16px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;background:#21262d;color:#e6edf3}.agent-btn:hover:not(:disabled){background:#30363d}.agent-btn:disabled{opacity:.5;cursor:not-allowed}.agent-btn.primary{background:#238636;color:#fff}.agent-btn.primary:hover:not(:disabled){background:#2ea043}.agent-btn.danger{background:#da3633;color:#fff}.agent-btn.danger:hover:not(:disabled){background:#f85149}.agent-btn.answer{background:#238636;color:#fff;flex:1}.agent-btn.answer:hover{background:#2ea043}.agent-btn.decline{background:#da3633;color:#fff;flex:1}.agent-btn.decline:hover{background:#f85149}.incoming-call{margin-top:16px;padding:20px;background:#2386361a;border:1px solid rgba(35,134,54,.3);border-radius:12px;text-align:center}.incoming-call-animation{margin-bottom:12px}.ring-icon{font-size:48px;display:inline-block;animation:ring-shake .5s ease-in-out infinite}@keyframes ring-shake{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}.incoming-call-info{margin-bottom:16px}.caller-label{font-size:16px;font-weight:600;color:#e6edf3;margin-bottom:8px}.escalation-badge{display:inline-block;padding:6px 14px;background:#1f6feb;color:#fff;border-radius:20px;font-size:13px;font-weight:600;font-family:Fira Code,monospace}.incoming-call-actions{display:flex;gap:12px}.active-call{margin-top:16px;padding:20px;background:#58a6ff1a;border:1px solid rgba(88,166,255,.3);border-radius:12px;text-align:center}.call-timer{font-size:14px;color:#58a6ff;margin-bottom:12px}.escalation-details{background:#0d1117}.escalation-details.call-context{background:#58a6ff0d;border-left:3px solid #58a6ff}.escalation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.escalation-id{font-family:Fira Code,monospace;font-size:14px;color:#58a6ff;font-weight:600}.escalation-field{margin-bottom:12px}.escalation-field label{display:block;font-size:11px;color:#8b949e;margin-bottom:4px;text-transform:uppercase}.escalation-field span,.escalation-field p{font-size:14px;color:#e6edf3}.escalation-issue{padding:12px;background:#21262d;border-radius:8px;line-height:1.5;margin:0}.escalation-issue.highlight{background:#58a6ff1a;border:1px solid rgba(88,166,255,.2)}.verified{color:#3fb950}.not-verified{color:#f85149}.amount{color:#d29922;font-weight:600}.agent-lookup-form{display:flex;gap:8px}.agent-input{flex:1;padding:10px 14px;background:#0d1117;border:1px solid #30363d;border-radius:8px;color:#e6edf3;font-size:14px;outline:none}.agent-input:focus{border-color:#58a6ff}.agent-input::placeholder{color:#484f58}.agent-error{margin-top:8px;padding:8px 12px;background:#f851491a;border:1px solid rgba(248,81,73,.3);border-radius:6px;color:#f85149;font-size:12px}.agent-empty{color:#8b949e;font-size:13px;text-align:center;padding:12px}.recent-list{display:flex;flex-direction:column;gap:8px}.recent-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0d1117;border:1px solid #21262d;border-radius:8px;cursor:pointer;transition:all .15s}.recent-item:hover{border-color:#30363d;background:#161b22}.recent-id{font-family:Fira Code,monospace;font-size:12px;color:#58a6ff;font-weight:600}.recent-phone{flex:1;font-size:13px;color:#e6edf3}.recent-time{font-size:11px;color:#8b949e}.customer-context,.refer-status{margin-top:16px;padding-top:16px;border-top:1px solid #30363d}.phone-section{background:#0d1117}.header-link.agent{background:#238636;color:#fff;border:none;cursor:pointer}