.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b);padding:1rem}.auth-card{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 20px 60px #0006}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{font-size:2.5rem;display:block;margin-bottom:.5rem}.auth-header h1{margin:0;font-size:1.5rem;color:#f1f5f9}.auth-subtitle{margin:.25rem 0 0;color:#64748b;font-size:.85rem}.auth-tabs{display:flex;gap:0;margin-bottom:1.5rem;background:#0f172a;border-radius:8px;padding:3px}.auth-tab{flex:1;padding:.6rem;border:none;background:transparent;color:#94a3b8;cursor:pointer;border-radius:6px;font-size:.9rem;font-weight:500;transition:all .2s}.auth-tab.active{background:#334155;color:#f1f5f9}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field label{display:block;font-size:.8rem;color:#94a3b8;margin-bottom:.3rem;font-weight:500}.auth-field input{width:100%;padding:.7rem .8rem;border:1px solid #334155;border-radius:8px;background:#0f172a;color:#f1f5f9;font-size:.9rem;outline:none;transition:border-color .2s;box-sizing:border-box}.auth-field input:focus{border-color:#3b82f6}.auth-field input::placeholder{color:#475569}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.6rem .8rem;border-radius:8px;font-size:.85rem}.auth-submit{padding:.8rem;border:none;border-radius:8px;background:#3b82f6;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.5rem}.auth-submit:hover:not(:disabled){background:#2563eb}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.stats-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border);gap:16px}.stats-grid{display:flex;gap:32px}.stat-card{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:20px;font-weight:700;letter-spacing:-.5px}.stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.server-status{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;padding:6px 12px;border-radius:20px}.server-status.online{color:var(--green);background:var(--green-bg)}.server-status.offline{color:var(--red);background:var(--red-bg)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.call-list{display:flex;flex-direction:column;height:100%}.call-list-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.call-list-header h3{font-size:14px;font-weight:600;color:var(--text-primary)}.call-count{font-size:11px;font-weight:600;color:var(--accent-light);background:#6c5ce726;padding:2px 8px;border-radius:10px}.call-list-items{flex:1;overflow-y:auto}.call-item{display:block;width:100%;padding:14px 20px;border:none;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;background:transparent;color:inherit;font-family:inherit;text-align:left}.call-item:hover{background:var(--bg-hover)}.call-item.selected{background:#6c5ce71a;border-left:3px solid var(--accent);padding-left:17px}.call-item.active{border-left:3px solid var(--green);padding-left:17px}.call-item.active.selected{border-left:3px solid var(--accent)}.call-item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.call-number{font-size:13px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:4px}.call-direction{font-size:12px;font-weight:700;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0}.call-direction.inbound{color:var(--green);background:var(--green-bg)}.call-direction.outbound{color:var(--accent-light);background:#6c5ce726}.status-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.status-in_progress{color:var(--green);background:var(--green-bg)}.status-completed{color:var(--accent-light);background:#a29bfe1a}.status-ringing{color:var(--yellow);background:var(--yellow-bg)}.status-failed,.status-no_answer{color:var(--red);background:var(--red-bg)}.call-item-bottom{display:flex;align-items:center;justify-content:space-between}.call-date{font-size:11px;color:var(--text-secondary)}.call-meta{font-size:11px;color:var(--text-muted)}.call-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--text-secondary)}.empty-icon{font-size:32px;margin-bottom:8px}.empty-hint{font-size:12px;color:var(--text-muted)}.transcript{display:flex;flex-direction:column;height:100%}.transcript-header{padding:16px 24px;border-bottom:1px solid var(--border)}.transcript-title{display:flex;align-items:center;gap:10px;margin-bottom:4px}.transcript-title h3{font-size:14px;font-weight:600}.live-badge{font-size:10px;font-weight:700;color:#fff;background:var(--red);padding:2px 8px;border-radius:10px;letter-spacing:.5px;animation:pulse 1.5s ease-in-out infinite}.transcript-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.transcript-info{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.transcript-voice{display:flex;align-items:center;gap:8px}.voice-label{font-size:11px;color:var(--text-muted)}.voice-chip{display:flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;background:#6c5ce71a;border:1px solid rgba(108,92,231,.2);border-radius:20px}.voice-chip-name{font-size:11px;font-weight:600;color:var(--accent-light)}.voice-chip-tag{font-size:9px;padding:1px 5px;border-radius:4px;background:#ffffff0f;color:var(--text-muted);text-transform:capitalize}.call-analysis{margin:16px 24px 0;padding:14px 16px;background:#6c5ce70f;border:1px solid rgba(108,92,231,.15);border-radius:10px;display:flex;flex-direction:column;gap:10px}.analysis-section{display:flex;flex-direction:column;gap:4px}.analysis-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.analysis-outcome{font-size:13px;font-weight:700}.analysis-summary{font-size:12px;line-height:1.5;color:var(--text-secondary);margin:0}.analysis-keywords{display:flex;flex-wrap:wrap;gap:5px}.keyword-tag{font-size:11px;padding:2px 8px;border-radius:4px;background:#6c5ce71f;color:var(--accent-light);font-weight:500}.transcript-messages{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.message{max-width:85%;display:flex;flex-direction:column;gap:4px}.message-user{align-self:flex-start}.message-assistant{align-self:flex-end}.message-with-avatar{display:flex;gap:10px;align-items:flex-start}.message-user .message-with-avatar{flex-direction:row}.message-assistant .message-with-avatar{flex-direction:row-reverse}.message-content{display:flex;flex-direction:column;gap:4px;min-width:0}.avatar{width:32px;height:32px;min-width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.avatar-tiny{width:20px;height:20px;min-width:20px}.avatar-user{background:var(--user-bubble);border:2px solid rgba(116,185,255,.3)}.avatar-assistant{background:var(--assistant-bubble);border:2px solid rgba(108,92,231,.3)}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-fallback{font-size:13px;font-weight:700;color:var(--text-secondary)}.avatar-tiny .avatar-fallback{font-size:9px}.message-header{display:flex;align-items:center;gap:8px;padding:0 4px}.message-role{font-size:11px;font-weight:600;color:var(--text-secondary)}.message-user .message-role{color:var(--blue)}.message-assistant .message-role{color:var(--accent-light)}.message-assistant .message-header{flex-direction:row-reverse}.message-time{font-size:10px;color:var(--text-muted)}.message-bubble{padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5}.message-user .message-bubble{background:var(--user-bubble);border-bottom-left-radius:4px}.message-assistant .message-bubble{background:var(--assistant-bubble);border-bottom-right-radius:4px}.no-messages{color:var(--text-muted);text-align:center;margin-top:40px;font-size:13px}.transcript-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--text-secondary)}.transcript-empty .empty-icon{font-size:32px;margin-bottom:8px}.transcript-empty .empty-hint{font-size:12px;color:var(--text-muted)}.cost-panel{border-top:1px solid var(--border);background:var(--bg-secondary)}.cost-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border)}.cost-panel-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.cost-total{font-size:16px;font-weight:700;color:var(--green)}.cost-services{display:flex;gap:0;flex-wrap:wrap}.cost-service{flex:1;min-width:180px;padding:12px 24px;border-right:1px solid var(--border)}.cost-service:last-child{border-right:none}.cost-service-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.cost-service-icon{font-size:14px}.cost-service-name{font-size:12px;font-weight:600;color:var(--text-primary);flex:1}.cost-service-amount{font-size:13px;font-weight:700;color:var(--yellow);font-family:SF Mono,Fira Code,monospace}.cost-service-details{display:flex;gap:6px;flex-wrap:wrap}.cost-tag{font-size:10px;padding:2px 6px;border-radius:4px;background:#ffffff0d;color:var(--text-muted)}.model-tag{color:var(--accent-light);background:#6c5ce71a}.voice-tag{color:var(--blue);background:#74b9ff1a}.cost-panel-empty{padding:16px 24px;font-size:12px;color:var(--text-muted);text-align:center}.voice-selector{display:flex;flex-direction:column;gap:16px}.voice-filters{display:flex;gap:12px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:140px}.filter-group label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-group select{padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;cursor:pointer}.filter-group select:focus{outline:none;border-color:var(--accent)}.voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;max-height:340px;overflow-y:auto;padding-right:4px}.voice-card{padding:12px;background:var(--bg-secondary);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .15s;position:relative}.voice-card:hover{border-color:var(--border);background:var(--bg-hover)}.voice-card.selected{border-color:var(--accent);background:#6c5ce714}.voice-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.voice-card-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-play-btn{width:28px;height:28px;min-width:28px;border:none;border-radius:50%;background:var(--bg-primary);color:var(--text-secondary);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.voice-play-btn:hover,.voice-play-btn.playing{background:var(--accent);color:#fff}.voice-card-desc{font-size:11px;color:var(--text-muted);line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.voice-card-tags{display:flex;flex-wrap:wrap;gap:4px}.voice-tag{font-size:10px;padding:2px 6px;border-radius:4px;background:#ffffff0f;color:var(--text-muted);text-transform:capitalize}.tag-cat{background:#6c5ce726;color:var(--accent-light)}.voice-selected-badge{position:absolute;top:8px;right:8px;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.5px}.voice-loading,.voice-empty{grid-column:1 / -1;text-align:center;padding:24px;color:var(--text-muted);font-size:13px}.voice-load-more{align-self:center;padding:8px 24px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s}.voice-load-more:hover{background:var(--bg-hover);color:var(--text-primary)}.agent-form{display:flex;flex-direction:column;height:100%;background:var(--bg-card)}.agent-form-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.agent-form-header h2{font-size:16px;font-weight:700}.form-error{margin:12px 24px 0;padding:10px 14px;border-radius:8px;background:var(--red-bg);color:var(--red);font-size:13px}.form-tabs{display:flex;gap:0;padding:0 24px;border-bottom:1px solid var(--border)}.form-tab{padding:10px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.form-tab:hover{color:var(--text-primary)}.form-tab.active{color:var(--accent-light);border-bottom-color:var(--accent)}.form-body{flex:1;overflow-y:auto;padding:20px 24px}.form-section{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field>label{font-size:12px;font-weight:600;color:var(--text-secondary)}.form-field input[type=text],.form-field select,.form-field textarea{padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-family:var(--font);transition:border-color .15s}.form-field input[type=text]:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--accent)}.form-field textarea{resize:vertical;min-height:80px;line-height:1.5}.field-hint{font-size:11px;color:var(--text-muted)}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px!important;cursor:pointer}.checkbox-label input[type=checkbox]{accent-color:var(--accent)}.current-voice{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#6c5ce714;border:1px solid rgba(108,92,231,.2);border-radius:8px}.current-voice-label{font-size:11px;color:var(--text-muted)}.current-voice-name{font-size:13px;font-weight:600;color:var(--accent-light)}.current-voice-id{font-size:10px;color:var(--text-muted);font-family:monospace}.tts-model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.tts-model-card{padding:12px;border:2px solid transparent;border-radius:8px;background:var(--bg-secondary);cursor:pointer;transition:all .15s;display:flex;flex-direction:column;gap:4px}.tts-model-card:hover{border-color:var(--border)}.tts-model-card.selected{border-color:var(--accent);background:#6c5ce714}.tts-model-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.tts-model-name{font-size:13px;font-weight:600;color:var(--text-primary)}.tts-model-tier{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tier-rapido{color:var(--green)}.tier-equilibrado{color:var(--blue)}.tier-calidad{color:var(--yellow)}.tts-model-desc{font-size:11px;color:var(--text-secondary);line-height:1.4}.tts-model-latency{font-size:10px;color:var(--text-muted);font-family:monospace}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.model-card{padding:12px;border:2px solid transparent;border-radius:8px;background:var(--bg-secondary);cursor:pointer;transition:all .15s;display:flex;flex-direction:column;gap:4px}.model-card:hover{border-color:var(--border)}.model-card.selected{border-color:var(--accent);background:#6c5ce714}.model-name{font-size:13px;font-weight:600;color:var(--text-primary)}.model-tier{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tier-economico{color:var(--green)}.tier-estandar{color:var(--blue)}.tier-premium{color:var(--yellow)}.form-field input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:var(--bg-secondary);outline:none}.form-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted)}.agent-form-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-secondary)}.btn-secondary{padding:8px 20px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-ghost{padding:6px 12px;border:none;background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer}.btn-ghost:hover{color:var(--text-primary)}.integration-header{display:flex;align-items:center;justify-content:space-between}.integration-title{font-size:14px;font-weight:700;color:var(--text-primary);margin:0}.btn-danger-sm{padding:5px 12px;border:1px solid var(--red);border-radius:6px;background:transparent;color:var(--red);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.btn-danger-sm:hover{background:var(--red-bg)}.credentials-status{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:13px}.credentials-ok{background:#2ed57314;border:1px solid rgba(46,213,115,.25);color:var(--green)}.btn-link{font-size:12px;color:var(--accent-light);cursor:pointer;text-decoration:underline;background:none;border:none}.btn-link:hover{opacity:.8}.work-hours-row{display:flex;align-items:center;gap:10px}.work-hours-row input[type=time]{padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-family:var(--font)}.work-hours-row input[type=time]:focus{outline:none;border-color:var(--accent)}.work-hours-separator{color:var(--text-muted);font-size:13px}.permissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.permission-item{padding:8px 12px;border-radius:6px;background:var(--bg-secondary);transition:background .15s}.permission-item:hover{background:var(--bg-hover)}.test-result{padding:8px 12px;border-radius:6px;font-size:12px}.test-ok{background:#2ed57314;border:1px solid rgba(46,213,115,.2);color:var(--green)}.test-error{background:var(--red-bg);border:1px solid rgba(255,71,87,.2);color:var(--red)}.form-field input[type=file]{font-size:12px;color:var(--text-secondary)}.agent-manager{padding:24px}.agent-manager-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.agent-manager-header h2{font-size:20px;font-weight:700;margin-bottom:4px}.agent-manager-subtitle{font-size:13px;color:var(--text-muted)}.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.agent-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .15s}.agent-card:hover{border-color:var(--accent)}.agent-card.inactive{opacity:.6}.agent-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.agent-card-title{display:flex;align-items:center;gap:8px}.agent-card-title h3{font-size:14px;font-weight:700}.agent-status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.agent-status-dot.active{background:var(--green);box-shadow:0 0 6px var(--green)}.agent-card-actions{display:flex;gap:4px}.agent-card-body{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.agent-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.agent-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.agent-value{font-size:13px;color:var(--text-secondary);text-align:right}.agent-model{font-family:monospace;font-size:12px;padding:2px 6px;border-radius:4px;background:var(--blue-bg);color:var(--blue)}.agent-phone{font-family:monospace;font-size:12px;color:var(--green)}.agent-unassigned{color:var(--text-muted);font-style:italic;font-size:12px}.agent-card-footer{padding:10px 16px;border-top:1px solid var(--border);background:#0000001a}.agent-prompt-preview{font-size:11px;color:var(--text-muted);line-height:1.4;font-style:italic}.agent-loading{text-align:center;padding:60px;color:var(--text-muted);font-size:14px}.agent-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:8px;color:var(--text-secondary)}.agent-empty-icon{font-size:48px;margin-bottom:8px}.agent-empty-hint{font-size:13px;color:var(--text-muted);margin-bottom:16px}.agent-manager .btn-primary{padding:8px 20px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.agent-manager .btn-primary:hover{opacity:.9}.contact-manager{padding:24px}.contact-manager-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.contact-manager-header h2{font-size:20px;font-weight:700;margin-bottom:4px}.contact-manager-subtitle{font-size:13px;color:var(--text-muted)}.contact-manager .btn-primary{padding:8px 20px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.contact-manager .btn-primary:hover{opacity:.9}.contact-search{margin-bottom:20px}.contact-search input{width:100%;max-width:400px;padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .15s}.contact-search input:focus{border-color:var(--accent)}.contact-search input::placeholder{color:var(--text-muted)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.contact-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;transition:border-color .15s;display:flex;flex-direction:column;gap:10px}.contact-card:hover{border-color:var(--accent)}.contact-card-main{display:flex;align-items:center;gap:12px}.contact-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.contact-info{display:flex;flex-direction:column;gap:2px;min-width:0}.contact-info h3{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-phone{font-size:13px;font-family:monospace;color:var(--green)}.contact-company{font-size:11px;color:var(--text-muted)}.contact-notes{font-size:11px;color:var(--text-muted);line-height:1.4;font-style:italic;padding:0 4px;border-left:2px solid var(--border);margin:0}.contact-card-actions{display:flex;gap:4px;justify-content:flex-end;margin-top:auto;padding-top:4px;border-top:1px solid var(--border)}.btn-call-sm{width:32px;height:32px;border:none;border-radius:8px;background:var(--green);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.btn-call-sm:hover{opacity:.85}.btn-icon{width:30px;height:30px;border:none;border-radius:6px;background:transparent;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .15s}.btn-icon:hover{background:var(--bg-hover)}.btn-icon.btn-danger:hover{background:var(--red-bg)}.contact-form-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.contact-form,.outbound-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:24px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:14px}.contact-form h3,.outbound-dialog h3{font-size:16px;font-weight:700;margin-bottom:4px}.contact-form label,.outbound-dialog label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.label-hint{font-weight:400;text-transform:none;letter-spacing:0;font-style:italic}.contact-form input,.contact-form textarea,.outbound-dialog input,.outbound-dialog textarea,.outbound-dialog select{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.contact-form input:focus,.contact-form textarea:focus,.outbound-dialog input:focus,.outbound-dialog textarea:focus,.outbound-dialog select:focus{border-color:var(--accent)}.contact-form-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:8px}.btn-secondary{padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn-secondary:hover{background:var(--bg-hover)}.btn-primary{padding:8px 20px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.outbound-phone{font-family:monospace;font-size:15px;color:var(--green);margin:-8px 0 4px}.outbound-agent-info{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--text-muted);padding:8px 12px;border-radius:8px;background:var(--bg-primary)}.outbound-warning{color:var(--orange, #f59e0b);font-weight:500}.outbound-error{padding:8px 12px;border-radius:8px;background:var(--red-bg, rgba(239, 68, 68, .1));color:var(--red, #ef4444);font-size:12px}.btn-call{padding:8px 24px;border:none;border-radius:8px;background:var(--green);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s}.btn-call:hover{opacity:.9}.btn-call:disabled{opacity:.5;cursor:not-allowed}.outbound-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0;text-align:center}.outbound-success-icon{font-size:32px}.outbound-success p{font-size:14px;font-weight:600;color:var(--green)}.outbound-details{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-muted)}.contact-loading{text-align:center;padding:60px;color:var(--text-muted);font-size:14px}.contact-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:8px;color:var(--text-secondary)}.contact-empty-icon{font-size:48px;margin-bottom:8px}.contact-empty-hint{font-size:13px;color:var(--text-muted);margin-bottom:16px}.billing-panel{padding:1.5rem;max-width:1000px;margin:0 auto}.billing-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.billing-header h2{margin:0;font-size:1.4rem;color:#f1f5f9}.billing-plan{background:#3b82f6;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.billing-section{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.billing-section h3{margin:0 0 1rem;font-size:1.1rem;color:#e2e8f0}.billing-section h4{margin:1.5rem 0 .8rem;font-size:.95rem;color:#94a3b8}.billing-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.billing-card{background:#0f172a;border:1px solid #334155;border-radius:10px;padding:1rem;text-align:center}.billing-card-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.billing-card-value{font-size:1.4rem;font-weight:700;color:#f1f5f9}.billing-card-value.secondary{color:#94a3b8}.billing-card-value.accent{color:#34d399}.billing-table{width:100%;border-collapse:collapse;font-size:.9rem}.billing-table th{text-align:left;padding:.6rem .8rem;color:#64748b;font-weight:600;border-bottom:1px solid #334155;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.billing-table td{padding:.6rem .8rem;color:#cbd5e1;border-bottom:1px solid #1e293b}.billing-table tbody tr:hover{background:#3b82f60d}.billing-status{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.billing-status-draft{background:#334155;color:#94a3b8}.billing-status-sent{background:#3b82f626;color:#60a5fa}.billing-status-paid{background:#34d39926;color:#34d399}.billing-status-overdue{background:#ef444426;color:#fca5a5}.billing-empty{text-align:center;color:#64748b;padding:1rem!important}.billing-empty-state{text-align:center;color:#64748b;padding:2rem 1rem;font-size:.9rem}.billing-loading{text-align:center;color:#64748b;padding:2rem}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.app-logo{display:flex;align-items:center;gap:12px}.logo-icon{font-size:24px}.app-logo h1{font-size:16px;font-weight:700;letter-spacing:-.3px}.app-subtitle{font-size:11px;color:var(--text-muted);font-weight:500}.app-nav{display:flex;gap:4px;background:var(--bg-primary);border-radius:8px;padding:3px}.nav-tab{padding:6px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;border-radius:6px;transition:all .15s}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{background:var(--accent);color:#fff}.app-user-menu{display:flex;align-items:center;gap:12px}.app-user-info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);font-weight:500}.app-org-badge{background:var(--bg-primary);border:1px solid var(--border);padding:2px 8px;border-radius:12px;font-size:11px;color:var(--text-muted)}.app-logout-btn{padding:5px 12px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.app-logout-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.app-main-full{flex:1;min-height:0;overflow-y:auto;padding:0}.app-main{display:flex;flex:1;overflow:hidden}.app-sidebar{width:360px;min-width:360px;background:var(--bg-secondary);border-right:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column}.app-content{flex:1;background:var(--bg-card);overflow:hidden;display:flex;flex-direction:column}.app-transcript-area{flex:1;overflow:hidden;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f1117;--bg-secondary: #1a1d27;--bg-card: #21242f;--bg-hover: #2a2d3a;--border: #2e3140;--text-primary: #e4e6eb;--text-secondary: #8b8fa3;--text-muted: #5c6070;--accent: #6c5ce7;--accent-light: #a29bfe;--green: #00b894;--green-bg: rgba(0, 184, 148, .1);--yellow: #fdcb6e;--yellow-bg: rgba(253, 203, 110, .1);--red: #e17055;--red-bg: rgba(225, 112, 85, .1);--blue: #74b9ff;--blue-bg: rgba(116, 185, 255, .1);--user-bubble: #2d3748;--assistant-bubble: #1e3a5f;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh}#root{min-height:100vh}