@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;width:100%}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6fb;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app,body{min-height:100vh}.app{background:#f8f9fa;display:flex;flex-direction:column}.header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 10px 30px #0f172a14;color:#1f2937;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.25rem 2rem}.header,.header-title{align-items:center;display:flex}.header-title{flex:1 1;flex-wrap:wrap;gap:.75rem}.logo-img{background:#0000;border-radius:0;height:96px;object-fit:contain;padding:0;width:280px}.header h1{flex:1 1;font-size:1.8rem;font-weight:700}.role-badge{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#4338ca;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.35rem .75rem;text-transform:uppercase}.header-right{align-items:center;display:flex;gap:1.5rem}.user-info{background:#f3f4f6;border-radius:8px;padding:.5rem .9rem}.logout-btn,.user-info{color:#111827;font-size:.92rem;font-weight:600}.logout-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:.55rem 1.1rem;transition:all .2s ease}.logout-btn:hover{background:#fee2e2;border-color:#fecaca;color:#991b1b;transform:translateY(-1px)}.nav{display:flex;flex-wrap:wrap;gap:.75rem;order:3;width:100%}.nav-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;color:#374151;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.nav-btn:hover{background:#e0e7ff;border-color:#c7d2fe;color:#312e81}.nav-btn.active{background:#4338ca;border-color:#4338ca;color:#fff}.container{flex:1 1;margin:2rem auto;max-width:1240px;padding:0 1.5rem;width:100%}@media (max-width:900px){.header{padding:1rem 1.25rem}.header-title{flex:1 1 100%}.header-right{justify-content:space-between;width:100%}.nav{gap:.5rem}.nav-btn{font-size:.85rem;padding:.45rem .85rem}}@media (max-width:640px){.header{padding:.85rem 1rem}.logo-img{height:36px;width:120px}.user-info{font-size:.85rem;padding:.4rem .7rem}.logout-btn{font-size:.85rem;padding:.4rem .8rem}.container{margin:1.25rem auto;padding:0 1rem}}.dashboard,.upload-page{display:flex;flex-direction:column;gap:2rem}.voip-usage-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stats-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem}.stats-section h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:1.5rem;text-align:center;transition:transform .3s ease}.stat-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.stat-card.pending{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card.calling{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card.done{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-card.failed{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-card.no-answer{background:linear-gradient(135deg,#30cfd0,#330867)}.reports-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem}.reports-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.reports-subtitle{color:#6c757d;margin-top:.3rem}.reports-filters{display:flex;flex-wrap:wrap;gap:1rem}.reports-filters label{color:#6c757d;font-size:.75rem}.filter-group{display:flex;flex-direction:column;gap:.35rem}.filter-group input,.filter-group select{border:1px solid #e1e5ea;border-radius:6px;font-size:.9rem;padding:.45rem .6rem}.reports-alerts{grid-gap:.5rem;display:grid;gap:.5rem;margin:1rem 0}.reports-alert{background:#fff7e6;border-left:4px solid #ff9f43;border-radius:6px;color:#856404;font-weight:600;padding:.65rem .85rem}.reports-block{display:flex;flex-direction:column;gap:1.2rem;margin-top:2rem}.reports-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.reports-card{background:#f8f9fb;border:1px solid #eef1f4;border-radius:10px;display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.2rem}.reports-card strong{color:#2d3748;font-size:1.6rem}.reports-card small{color:#6c757d}.reports-card.highlight{background:#eef2ff;border-color:#c7d2fe}.reports-chart{background:#fff;border:1px solid #eef1f4;border-radius:10px;padding:.75rem}.reports-split{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.reports-table{grid-gap:.6rem;display:grid;gap:.6rem}.reports-table-row{grid-gap:.5rem;border-bottom:1px solid #edf0f2;display:grid;font-size:.9rem;gap:.5rem;grid-template-columns:1.4fr repeat(4,1fr);padding:.6rem .4rem}.reports-table-header{border-bottom:2px solid #e1e5ea;color:#495057;font-weight:700}.ui-state{align-items:center;border-radius:12px;display:flex;font-size:.95rem;font-weight:600;justify-content:center;margin:.5rem 0;padding:1rem 1.25rem}.ui-state-text{opacity:.9}.ui-state-loading{background:#667eea14;border:1px solid #667eea33;color:#4b5bd6}.ui-state-empty{background:#78819c14;border:1px solid #78819c33;color:#5c647d}.ui-state-error{background:#dc262614;border:1px solid #dc262633;color:#b42318}.stat-label{font-size:.85rem;letter-spacing:1px;margin-bottom:.5rem;opacity:.9;text-transform:uppercase}.stat-value{font-size:2rem;font-weight:700}.stats-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.stats-actions .btn{min-width:220px}.lead-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem}.lead-section h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.no-lead{color:#666;padding:3rem 1rem;text-align:center}.no-lead p{font-size:1.1rem;margin-bottom:1.5rem}.lead-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;padding:1.5rem}.lead-header{align-items:center;border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.lead-header h3{color:#333;font-size:1.4rem}.status-badge{border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.status-pending{background:#ffeaa7;color:#d63031}.status-calling{background:#74b9ff;color:#0984e3}.status-done{background:#55efc4;color:#00b894}.status-failed{background:#fab1a0;color:#e17055}.status-no_answer{background:#a29bfe;color:#6c5ce7}.lead-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.detail-row{display:flex;flex-direction:column;gap:.3rem}.detail-label{color:#667eea;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#333;font-size:1rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-call{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:1.1rem;margin-bottom:1.5rem;padding:1rem;width:100%}.btn-call:hover:not(:disabled){box-shadow:0 4px 12px #f5576c66;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;flex:1 1}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #43e97b66;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff;flex:1 1}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#f5576c,#f093fb);color:#fff;flex:1 1}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #f5576c66;transform:translateY(-2px)}.logs-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem}.logs-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.log-summary{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1rem}.log-summary-card{background:#f8f9fb;border:1px solid #eef1f4;border-radius:10px;display:flex;flex-direction:column;gap:.3rem;padding:.8rem 1rem}.log-summary-card span{color:#6c757d;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.log-summary-card strong{color:#2d3748;font-size:1.3rem}.log-summary-card.log-info strong{color:#10b981}.log-summary-card.log-warning strong{color:#f59e0b}.log-summary-card.log-error strong{color:#ef4444}.log-presets{align-items:center;color:#475569;display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem;margin-bottom:1rem}.log-presets .btn{padding:.35rem .75rem}.logs-controls{align-items:center;color:#475569;display:flex;font-size:.9rem;gap:.75rem}.logs-count{font-weight:600}.logs-stream{background:#0f172a;border-radius:10px;color:#e2e8f0;font-family:Fira Code,JetBrains Mono,Menlo,monospace;font-size:.85rem;max-height:280px;overflow-y:auto;padding:1rem}.log-entry{border-bottom:1px solid #e2e8f033;padding:.6rem 0}.log-entry:last-child{border-bottom:none}.log-meta{display:flex;font-size:.75rem;justify-content:space-between;letter-spacing:1px;margin-bottom:.25rem;opacity:.6;text-transform:uppercase}.log-message{font-weight:600;margin-bottom:.3rem}.log-context{background:#0f172a99;border-radius:6px;color:#94a3b8;padding:.5rem;white-space:pre-wrap;word-break:break-word}.log-entry.log-error .log-message{color:#f87171}.log-entry.log-warning .log-message{color:#fbbf24}.log-entry.log-info .log-message{color:#34d399}.auto-calling-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.auto-calling-section h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.auto-calling-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.5rem}.delay-control{display:flex;flex-direction:column;gap:.5rem}.delay-control label{color:#555;font-size:.95rem;font-weight:600}.delay-control input{border:2px solid #ddd;border-radius:6px;font-size:1rem;padding:.6rem 1rem;transition:border-color .3s ease;width:150px}.delay-control input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.delay-control input:disabled{background:#f0f0f0;cursor:not-allowed}.button-group{display:flex;flex:1 1;gap:1rem;min-width:200px}.button-group.dual-button-group .btn{flex:1 1}.calling-status{animation:pulse 2s infinite;background:#e7f3ff;border-left:4px solid #667eea;border-radius:6px;color:#333;font-weight:500;margin-top:1.5rem;padding:1rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.lead-actions{gap:.75rem;margin-bottom:1.5rem}.assistant-select,.lead-actions{display:flex;flex-direction:column}.assistant-select{gap:.4rem}.lead-buttons{display:flex;gap:1rem;margin-top:1rem}.lead-update{background:#fff;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{font-size:.95rem;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{border:2px solid #dee2e6;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%;.helper-text{color:#667085;font-size:.9rem;margin-top:6px}}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-textarea{resize:vertical}.message{border-radius:6px;font-weight:500;margin-top:1rem;padding:1rem}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.upload-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem}.admin-page{display:flex;flex-direction:column;gap:2rem}.admin-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem}.admin-section h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.admin-toolbar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem}.admin-toolbar-actions,.admin-toolbar-group{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.admin-muted{color:#6c757d;font-size:.9rem;margin:.25rem 0 0}.admin-search{min-width:220px}.admin-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.admin-card{background:#fff;border:1px solid #eef1f4;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.admin-card-header{gap:1rem;justify-content:space-between}.admin-card-header,.admin-inline{align-items:center;display:flex;flex-wrap:wrap}.admin-inline{gap:.75rem}.kpi-bar{grid-gap:1rem;background:#f8f9fb;border:1px solid #eef1f4;border-radius:12px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem;padding:1rem;position:-webkit-sticky;position:sticky;top:16px;z-index:5}.kpi-card{background:#fff;border:1px solid #eef1f4;border-radius:10px;box-shadow:0 1px 4px #0000000a;display:flex;flex-direction:column;gap:.4rem;padding:.75rem 1rem}.kpi-card span{color:#6c757d;font-size:.8rem;letter-spacing:.02em;text-transform:uppercase}.kpi-card strong{color:#2d3748;font-size:1.5rem}.status-pill{align-items:center;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;letter-spacing:.04em;padding:.25rem .75rem;text-transform:uppercase}.status-ok{background:#10b9811f;color:#0f766e}.status-warning{background:#f59e0b1f;color:#b45309}.status-error{background:#ef44441f;color:#b91c1c}.admin-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.admin-list-item{align-items:center;background:#f8f9fb;border:1px solid #eef1f4;border-radius:8px;display:flex;justify-content:space-between;padding:.5rem .75rem}.admin-collapsible{background:#fff;border:1px solid #eef1f4;border-radius:12px;margin-bottom:1.5rem;padding:.5rem 1rem 1rem}.admin-collapsible summary{cursor:pointer;font-weight:600;list-style:none;padding:.75rem 0}.admin-collapsible summary::-webkit-details-marker{display:none}.admin-collapsible summary:after{color:#6c757d;content:"▾";float:right}.admin-collapsible[open] summary:after{content:"▴"}.admin-collapsible-inner{background:#f8f9fb;border:1px solid #eef1f4;border-radius:10px;padding:.5rem .75rem}.admin-collapsible-inner summary{cursor:pointer;font-weight:600;list-style:none}.admin-collapsible-inner summary::-webkit-details-marker{display:none}.admin-form{display:flex;flex-direction:column;gap:1rem}.role-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.role-header h2{margin-bottom:.3rem}.role-header p{color:#6c757d}.health-grid,.metric-grid,.overview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.health-card,.metric-card{background:#f8f9fb;border:1px solid #eef1f4;border-radius:12px;display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.2rem}.health-card strong,.metric-card strong{color:#2d3748;font-size:1.5rem}.health-trends{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.trend-card{background:#f8f9fb;border:1px solid #eef1f4;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:.9rem 1rem}.trend-card span{color:#6c757d;font-size:.8rem}.sparkline{grid-gap:4px;align-items:end;display:grid;gap:4px;grid-auto-flow:column;height:60px}.sparkline span{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:6px;display:block;opacity:.85;width:100%}.agent-panel,.tenant-dashboard{display:flex;flex-direction:column;gap:2rem}.panel-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.panel{background:#fff;border:1px solid #eef1f4;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:1.5rem}.panel-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.panel-subtitle{color:#6c757d;font-size:.85rem}.table{grid-gap:.6rem}.table,.table-row{display:grid;gap:.6rem}.table-row{grid-gap:.6rem;align-items:center;border-bottom:1px solid #edf0f2;font-size:.9rem;grid-template-columns:repeat(6,1fr);padding:.6rem .4rem}.table.compact .table-row{grid-template-columns:2fr repeat(3,1fr)}.table-header{border-bottom:2px solid #e1e5ea;color:#495057;font-weight:700}.status-pill.status-live{background:#22c55e33;color:#16a34a}.status-pill.status-available,.status-pill.status-online{background:#22c55e2e;color:#16a34a}.status-pill.status-busy,.status-pill.status-in_call{background:#fbbf2433;color:#f59e0b}.status-pill.status-offline{background:#94a3b840;color:#64748b}.status-pill.status-ringing{background:#3b82f633;color:#3b82f6}.status-pill.status-unknown{background:#e2e8f099;color:#475569}.agent-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.agent-card{background:#fff;border:1px solid #eef1f4;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:1.5rem}.agent-status{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1rem}.status-controls{display:flex;gap:1rem;margin-top:.75rem}.agent-softphone{margin-top:.5rem}.timeline{grid-gap:.75rem;display:grid;gap:.75rem}.timeline-item{grid-gap:.75rem;align-items:center;background:#f8f9fb;border:1px solid #eef1f4;border-radius:10px;display:grid;font-size:.85rem;gap:.75rem;grid-template-columns:90px 1fr;padding:.6rem .7rem}.timeline-item span{color:#667085;font-weight:600}.timeline-item p{color:#2d3748;margin:0}.checkbox-row{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.checkbox-grid{grid-gap:.6rem 1rem;background:#f9fafb;border:1px solid #e6e9ef;border-radius:10px;display:grid;gap:.6rem 1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:.6rem .8rem}.checkbox-item{align-items:center;color:#2d3748;display:flex;font-size:.95rem;gap:.5rem}.checkbox-item input{accent-color:#667eea}.upload-section h2{color:#333;font-size:1.5rem;margin-bottom:1rem}.upload-info{color:#666;margin-bottom:2rem}.upload-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.file-input-wrapper{flex:1 1;min-width:200px;position:relative}.file-input{height:0;opacity:0;position:absolute;width:0}.file-label{align-items:center;background:#f8f9fa;border:2px dashed #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:1rem;transition:all .3s ease}.file-label:hover{background:#e9ecef;border-color:#764ba2}.btn-upload{padding:1rem 2rem}.csv-format-guide{background:#e7f3ff;border-left:4px solid #667eea;border-radius:6px;margin-top:2rem;padding:1.5rem}.csv-format-guide h3{color:#333;margin-bottom:.5rem}.csv-format-guide p{color:#555;margin-bottom:.5rem}.csv-format-guide ul{list-style:none;padding-left:0}.csv-format-guide li{color:#555;margin-left:1rem;padding:.3rem 0}.csv-format-guide code{background:#fff;border-radius:3px;color:#e17055;font-weight:600;padding:.2rem .4rem}.footer{background:#2c3e50;color:#fff;font-size:.9rem;margin-top:3rem;padding:1.5rem;text-align:center}@media (max-width:768px){.header{flex-direction:column;gap:1rem;text-align:center}.header h1{font-size:1.4rem}.nav{justify-content:center;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.lead-header{align-items:flex-start;flex-direction:column;gap:1rem}.lead-details{grid-template-columns:1fr}.lead-buttons{flex-direction:column}.btn,.btn-call,.btn-primary{width:100%}.upload-container{flex-direction:column}.btn-upload,.file-input-wrapper{width:100%}}@media (max-width:480px){.header h1{font-size:1.2rem}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:1.5rem}.lead-section,.upload-section{padding:1rem}.container{margin:1rem auto}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-box{animation:slideIn .5s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:30px;text-align:center}.login-logo{display:block;height:auto;margin:0 auto 18px;max-width:85%;width:270px}.login-header h1{color:#667eea;font-size:28px;font-weight:700;margin:0 0 10px}.login-header p{color:#666;font-size:14px;font-weight:500;margin:0}.login-form{width:100%}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.error-message{animation:shake .5s ease-in-out;background-color:#fee;border-left:4px solid #c00;border-radius:6px;color:#c00;font-size:13px;margin-bottom:20px;padding:12px 15px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px 20px;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid #e0e0e0;color:#666;font-size:12px;margin-top:25px;padding-top:20px;text-align:center}.login-footer p{line-height:1.6;margin:5px 0}.credentials{background-color:#f5f5f5;border-radius:4px;font-family:Courier New,monospace;margin:8px 0;padding:8px 12px}.credentials code{color:#667eea;font-weight:600;letter-spacing:.5px}@media (max-width:480px){.login-box{padding:30px 20px}.login-header h1{font-size:24px}.login-footer{font-size:11px}}.softphone{background:#0f172a;border-radius:16px;box-shadow:0 18px 40px #0f172a59;color:#e2e8f0;padding:24px}.softphone-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.softphone-header h2{font-size:20px;margin:0}.softphone-status{background:#94a3b833;border-radius:999px;font-size:12px;letter-spacing:.08em;padding:6px 12px;text-transform:uppercase}.softphone-status.online{background:#22c55e40;color:#4ade80}.softphone-status.ringing{background:#3b82f640;color:#60a5fa}.softphone-status.in-call{background:#fbbf2440;color:#facc15}.softphone-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.softphone-card{background:#111827;border:1px solid #94a3b833;border-radius:14px;padding:18px}.softphone-card h3{font-size:16px;margin-bottom:12px;margin-top:0}.softphone-card label{color:#cbd5f5;display:flex;flex-direction:column;font-size:12px;gap:6px;margin-bottom:12px}.softphone-card input{background:#0b1120;border:1px solid #94a3b84d;border-radius:8px;color:#e2e8f0;padding:8px 10px}.softphone-actions{display:flex;flex-wrap:wrap;gap:10px}.softphone-actions button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px}.softphone-actions button:disabled{cursor:not-allowed;opacity:.5}.softphone-notes{color:#94a3b8;font-size:12px;margin-top:12px}.softphone-audio-tests{border-top:1px solid #94a3b833;color:#cbd5f5;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:10px}.audio-test-status{color:#cbd5f5;font-size:12px}.audio-test-status.ok{color:#4ade80}.audio-test-status.pending{color:#facc15}.audio-test-status.failed{color:#f87171}.audio-meter{background:#94a3b833;border-radius:999px;height:8px;overflow:hidden;width:100%}.audio-meter-fill{background:linear-gradient(90deg,#22c55e,#38bdf8);height:100%;transition:width .1s ease-out}.softphone-error{color:#f87171;font-size:12px;margin-top:10px}.supervision{background:#0f172a;border-radius:16px;box-shadow:0 10px 30px #0f172a40;color:#e2e8f0;margin-top:32px;padding:24px}.supervision-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.supervision-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.supervision-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:18px}.supervision-filters{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.filter-item{color:#cbd5f5;display:flex;flex-direction:column;font-size:12px;gap:6px}.filter-item input,.filter-item select{background:#0f172acc;border:1px solid #94a3b84d;border-radius:10px;color:#e2e8f0;padding:8px 10px}.filter-item input::placeholder{color:#94a3b8}.filter-search{grid-column:span 2}.supervision-alerts{grid-gap:10px;display:grid;gap:10px;margin-bottom:16px}.supervision-alert{border:1px solid #0000;border-radius:12px;font-size:13px;font-weight:600;padding:10px 12px}.supervision-alert.warning{background:#fbbf2426;border-color:#fbbf2459;color:#fbbf24}.supervision-alert.danger{background:#f8717126;border-color:#f8717159;color:#f87171}.summary-card{background:#0f172a8c;border:1px solid #94a3b840;border-radius:14px;display:flex;flex-direction:column;gap:6px;padding:12px 14px}.summary-card span{color:#94a3b8;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.summary-card strong{color:#e2e8f0;font-size:20px}.supervision-header h2{font-size:22px;margin:0 0 4px}.ws-status{align-items:center;background:#0f172a99;border:1px solid #94a3b84d;border-radius:999px;display:flex;font-size:12px;gap:8px;padding:8px 12px}.ws-connected{color:#38bdf8}.ws-error{color:#f87171}.supervision-controls{display:flex;gap:12px;margin-bottom:16px}.supervision-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.call-card{background:#0f172a99;border:1px solid #94a3b833;border-radius:16px;display:flex;flex-direction:column;gap:14px;padding:16px}.card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.card-header h3{font-size:16px;margin:0}.muted{color:#94a3b8;font-size:13px;margin:4px 0 0}.card-meta{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.label{color:#94a3b8;display:block;font-size:11px;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.value{font-size:13px;word-break:break-all}.status-pill{background:#94a3b833;border-radius:999px;font-size:12px;padding:4px 10px;text-transform:capitalize}.status-talking{background:#22c55e33;color:#86efac}.status-dialing{background:#38bdf833;color:#7dd3fc}.status-ended,.status-failed{background:#f8717133;color:#fecaca}.status-ai{text-transform:uppercase}.actions{display:flex;flex-wrap:wrap;gap:8px}
/*# sourceMappingURL=main.f7575b4b.css.map*/