:root{--bg:#f4f6f9;--surface:#fff;--surface-2:#f1f5f9;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eef2ff;--on-primary:#fff;--success:#16a34a;--success-soft:#dcfce7;--danger:#dc2626;--danger-soft:#fee2e2;--warning:#d97706;--warning-soft:#fef3c7;--info:#0284c7;--info-soft:#e0f2fe;--muted:#94a3b8;--muted-soft:#e2e8f0;--shadow-sm:0 1px 2px #0f172a0f;--shadow:0 1px 3px #0f172a1a,0 1px 2px #0f172a0f;--shadow-lg:0 10px 30px #0f172a1f;--radius:12px;--radius-sm:8px}[data-theme=dark]{--bg:#0f172a;--surface:#1e293b;--surface-2:#172033;--text:#f1f5f9;--text-muted:#94a3b8;--border:#334155;--primary:#6366f1;--primary-hover:#818cf8;--primary-soft:#312e81;--on-primary:#fff;--success:#22c55e;--success-soft:#14532d;--danger:#f87171;--danger-soft:#7f1d1d;--warning:#fbbf24;--warning-soft:#713f12;--info:#38bdf8;--info-soft:#0c4a6e;--muted:#64748b;--muted-soft:#334155;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 3px #00000080;--shadow-lg:0 10px 30px #0009}*{box-sizing:border-box}#root,body,html{margin:0;min-height:100%;padding:0}body{background:#f4f6f9;background:var(--bg);color:#0f172a;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .2s ease,color .2s ease}.button{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm);display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;padding:9px 16px;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.button:disabled{opacity:.55}.buttonPrimary{background:#4f46e5;background:var(--primary);color:var(--on-primary)}.buttonPrimary:hover:not(:disabled){background:#4338ca;background:var(--primary-hover)}.buttonSecondary{background:#fff;background:var(--surface);border-color:#e2e8f0;border-color:var(--border);color:#0f172a;color:var(--text)}.buttonSecondary:hover:not(:disabled){background:#f1f5f9;background:var(--surface-2)}.buttonDanger,.buttonDanger:hover:not(:disabled){background:#dc2626;background:var(--danger)}.buttonDanger:hover:not(:disabled){opacity:.9}.buttonSmall{font-size:.78rem;padding:5px 10px}.formInput,.formSelect{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border-radius:8px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text);font-size:.9rem;padding:9px 12px;transition:border-color .15s ease,box-shadow .15s ease}.formInput:focus,.formSelect:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #eef2ff;box-shadow:0 0 0 3px var(--primary-soft);outline:none}.formLabel{color:#64748b;color:var(--text-muted);font-size:.85rem}.message{border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:14px;padding:11px 14px}.messageSuccess{background:#dcfce7;background:var(--success-soft);border-color:#16a34a;border-color:var(--success);color:#16a34a}.messageError{background:#fee2e2;background:var(--danger-soft);border-color:#dc2626;border-color:var(--danger);color:#dc2626}.pageTitle{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0 0 18px}.sectionTitle{color:#0f172a;color:var(--text);font-size:1.15rem;font-weight:600;margin:0 0 12px}.noDataMessage{background:#fff;background:var(--surface);border:1px dashed #e2e8f0;border:1px dashed var(--border);border-radius:12px;border-radius:var(--radius);color:#64748b;padding:28px}.loadingMessage{color:#64748b;color:var(--text-muted)}.tableContainer{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius)}.extensionsTable{font-size:.875rem}.extensionsTable td,.extensionsTable th{border-bottom:1px solid #e2e8f0;padding:12px 14px}.extensionsTable th{background:#f1f5f9;background:var(--surface-2);color:#64748b;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase}.extensionsTable tr:last-child td{border-bottom:none}.extensionsTable tbody tr:hover{background:#f1f5f9;background:var(--surface-2)}.loadingContainer{align-items:center;color:#64748b;color:var(--text-muted);display:flex;flex-direction:column;font-size:1.1rem;gap:12px;height:100vh;justify-content:center}.reportsPageContainer{color:#64748b;color:var(--text-muted);padding:40px 20px;text-align:center}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{background:var(--bg);min-height:100vh;padding:24px;position:relative}.login-container,.login-theme-toggle{align-items:center;display:flex;justify-content:center}.login-theme-toggle{background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;font-size:1.1rem;height:40px;position:absolute;right:20px;top:20px;transition:background-color .15s ease;width:40px}.login-theme-toggle:hover{background:var(--surface-2)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);max-width:380px;padding:36px 32px;width:100%}.login-title{color:var(--text);font-size:1.35rem;font-weight:700;margin-bottom:6px;text-align:center}.login-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:28px;text-align:center}.login-field{margin-bottom:16px}.login-label{color:var(--text-muted);display:block;font-size:.85rem;font-weight:500;margin-bottom:6px}.login-input{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text);font-size:.95rem;height:42px;outline:none;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.login-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.login-input.error{border-color:var(--danger)}.login-button{background:var(--primary);border:none;border-radius:8px;color:var(--on-primary);cursor:pointer;font-size:.95rem;font-weight:600;height:42px;margin-top:8px;padding:11px 0;transition:background-color .2s ease;width:100%}.login-button:hover:not(:disabled){background:var(--primary-hover)}.login-button:disabled{cursor:not-allowed;opacity:.55}.login-error-message{background:var(--danger-soft);border:1px solid var(--danger);border-radius:8px;color:var(--danger);font-size:.85rem;margin:0 0 15px;padding:8px 12px;text-align:center}.password-input-wrapper{position:relative}.toggle-password-button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;line-height:1;padding:3px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.toggle-password-button:hover{color:var(--primary)}.footer-text{color:var(--text-muted);font-size:.75rem;margin-top:24px;text-align:center}@media (max-width:480px){.login-card{padding:28px 20px}}.dashboard-container{margin:0 auto;max-width:1000px;padding:8px}.welcome-message{color:var(--text);font-size:1.6rem;font-weight:700;margin-bottom:6px}.subtitle{color:var(--text-muted);font-size:1rem;margin-bottom:24px}.kpi-group{margin-bottom:26px}.kpi-group-title{color:var(--text-muted);font-size:.95rem;font-weight:600;letter-spacing:.4px;margin:0 0 12px;text-transform:uppercase}.kpi-grid{display:flex;flex-wrap:wrap;gap:14px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex:1 1 170px;min-width:150px;padding:18px}.kpi-card.kpi-success{border-left-color:var(--success)}.kpi-card.kpi-warning{border-left-color:var(--warning)}.kpi-card.kpi-muted{border-left-color:var(--muted)}.kpi-label{color:var(--text-muted);font-size:.82rem;margin-bottom:6px}.kpi-value{color:var(--text);font-size:1.9rem;font-weight:700}.kpi-sub{color:var(--text-muted);font-size:.78rem;margin-top:4px}.callsContainer{padding:20px}.alertMessage{border-radius:5px;font-size:14px;margin-bottom:20px;padding:10px}.alertWarning{background-color:var(--danger-soft);color:var(--danger)}.alertSuccess{background-color:var(--success-soft);color:var(--success)}.serverInfo{border-radius:5px;font-size:14px;margin-bottom:20px;padding:10px}.serverInfoDefault{background-color:#cce5ff;color:#004085}.serverInfoSpecial{background-color:#ffeeba;color:var(--warning)}.filterSection{background-color:var(--surface-2);border-radius:5px;margin-bottom:20px;padding:20px}.filterSection h4{color:var(--text);margin-bottom:15px;margin-top:0}.filterGrid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.formInput,.formSelect{padding:8px}.formInput[type=date]{padding:5px}.dateInfoSmall{color:var(--text-muted);display:block;font-size:.85em;margin-top:5px}.filterButtons{display:flex;gap:10px;margin-top:15px}.button{border-radius:3px}.buttonPrimary{background-color:var(--info)}.buttonPrimary:hover{background-color:#0056b3}.buttonSecondary:hover{background-color:var(--text-muted)}.errorMessage{align-items:center;background-color:var(--danger-soft);border-radius:5px;color:var(--danger);display:flex;justify-content:space-between;margin-bottom:20px;padding:10px}.closeErrorButton{background:none;border:none;color:var(--danger);cursor:pointer;font-size:16px;padding:0 5px}.paginationControlsTop{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.recordsPerPageSelect{border:1px solid var(--border);border-radius:4px;padding:5px}.callsTable{border:1px solid var(--border);border-collapse:collapse;margin-bottom:20px;width:100%}.callsTable thead tr{background-color:var(--surface-2)}.callsTable td,.callsTable th{border:1px solid var(--border);padding:10px;text-align:left}.callsTable th{color:var(--text);font-weight:700}.callsTable td.centered{text-align:center}.downloadButton{border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;transition:background-color .2s ease;width:85px}.downloadButton,.downloadButton:hover:not(:disabled){background-color:var(--success)}.downloadButton:disabled{background-color:var(--text-muted);cursor:not-allowed}.noRecordingText{color:var(--muted);font-size:12px}.paginationControlsBottom{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.paginationButton{background-color:var(--info);border:none;border-radius:3px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .2s ease}.paginationButton:hover:not(:disabled){background-color:#0056b3}.paginationButton:disabled{background-color:var(--border);cursor:not-allowed}.noCallsMessage{color:var(--text-muted);font-size:1.1em;padding:20px;text-align:center}.multiSelect{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:12px}.msHeader{margin-bottom:8px}.msTitle{color:var(--text);font-size:14px;font-weight:600}.msCount{color:var(--text-muted);font-size:12px;font-weight:400}.msToolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.msSearch{border:1px solid var(--border);border-radius:6px;flex:1 1;font-size:13px;min-width:120px;padding:6px 8px}.msRange{display:flex;flex:1 1;gap:6px;min-width:180px}.msRangeInput{flex:1 1;font-size:13px;padding:6px 8px}.msBtn,.msRangeInput{border:1px solid var(--border);border-radius:6px}.msBtn{background:var(--surface);color:var(--text);cursor:pointer;font-size:12px;padding:6px 10px;white-space:nowrap}.msBtn:hover{background:var(--surface-2)}.msBtnDanger{color:var(--danger)}.msActions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.msEmpty,.msError,.msLoading{color:var(--text-muted);font-size:13px;padding:8px 0}.msError{color:var(--danger)}.msList{display:flex;flex-wrap:wrap;gap:4px 12px;max-height:220px;overflow-y:auto;padding:4px 0}.msItem{align-items:center;color:var(--text);display:flex;font-size:13px;gap:6px;min-width:70px}.msItem,.msItem input{cursor:pointer}.msItemLabel{white-space:nowrap}.userManagementContainer{padding:20px}.sectionTitle{color:#444;margin-bottom:15px}.formContainer{background:var(--surface-2);border-radius:8px;margin-bottom:20px;padding:20px}.formGrid{display:flex;flex-wrap:wrap;gap:15px}.formGroup{box-sizing:border-box;flex-basis:48%}.formGroupFull{box-sizing:border-box;flex-basis:100%}.formLabel{color:var(--text);display:block;font-weight:500;margin-bottom:5px}.requiredIndicator{color:red}.formInput,.formSelect{border:1px solid var(--border);border-radius:4px;box-sizing:border-box;padding:8px 12px;width:100%}.formHelperText{color:var(--text-muted);display:block;font-size:.85em;margin-top:2px}.formActions{display:flex;gap:10px;margin-top:10px;width:100%}.button{font-size:1rem}.buttonDanger{border-radius:3px;font-size:.9em;padding:5px 10px}.buttonDanger:hover:not(:disabled){background-color:#e3342f}.buttonEdit{background-color:#3182ce;margin-right:10px}.buttonEdit:hover:not(:disabled){background-color:#2c5282}.userListContainer{background:var(--surface-2);border-radius:5px;padding:20px}.userSearchWrapper{align-items:center;display:flex;gap:10px;margin-bottom:15px}.userSearchInput{max-width:420px}.userSearchEmpty{color:var(--text-muted);padding:12px 0}.userGroupTitle{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.85em;font-weight:600;letter-spacing:.04em;margin:16px 0 8px;padding-bottom:4px;text-transform:uppercase}.userGroupTitle:first-of-type{margin-top:0}.userListItem{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px;transition:background-color .2s ease}.userListItem:last-child{border-bottom:none}.userListItem--editing{background-color:var(--border)}.userListItemInfo{flex:1 1 auto;margin-right:12px;min-width:0}.userListItem>div:last-child{flex:0 0 auto;white-space:nowrap}.userListItemInfo strong{color:var(--text)}.userRole{color:var(--text-muted);margin-left:10px}.clientName{color:var(--text);font-style:italic;margin-left:10px}.userDetails{color:var(--text);font-size:.9em;margin-top:3px;overflow-wrap:anywhere}@media (max-width:768px){.formGroup{flex-basis:100%}.formActions{flex-direction:column;gap:5px}.button{width:100%}.buttonEdit{margin-bottom:5px;margin-right:0}.userListItem{align-items:stretch;flex-direction:column}.userListItem>div:last-child{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}}.server-management-container{padding:20px}.server-management-title{color:var(--text);margin-bottom:20px}.message-success{background-color:var(--success-soft);color:var(--success)}.message-error{background-color:var(--danger-soft);color:var(--danger)}.form-card{background:var(--surface-2);border-radius:8px;margin-bottom:20px;padding:20px}.form-grid,.form-row{display:flex;flex-wrap:wrap;gap:15px}.form-row{flex-basis:100%}.form-col-50{flex-basis:48%}.form-label{display:block;margin-bottom:5px}.form-label .required-star{color:red}.input-field{border:1px solid var(--border);border-radius:4px;box-sizing:border-box;flex-grow:1;margin-bottom:10px;padding:8px 12px;width:100%}.input-field:focus{border-color:var(--info);box-shadow:0 0 0 .2rem #007bff40;outline:none}.input-disabled{background-color:var(--muted-soft);cursor:not-allowed}.textarea-field{height:80px;resize:vertical}.form-help-text{color:var(--text-muted);display:block;font-size:.85em;margin-bottom:10px;margin-top:-5px}.checkbox-group{align-items:center;display:flex;flex-basis:100%;margin-top:10px}.checkbox-group input[type=checkbox]{margin-right:8px}.section-header{background-color:var(--muted-soft);border-radius:4px;color:var(--text-muted);font-weight:500;margin-bottom:15px;margin-top:15px;padding:10px 15px}.button-group{display:flex;gap:10px;margin-top:10px;width:100%}.btn{border:none;border-radius:6px;cursor:pointer;padding:8px 16px;transition:background-color .2s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary,.btn-primary:hover:not(:disabled){background-color:var(--success)}.btn-secondary{color:#fff}.btn-secondary,.btn-secondary:hover:not(:disabled){background-color:var(--text-muted)}.btn-info{background-color:#3182ce;color:#fff}.btn-info:hover:not(:disabled){background-color:#2c5282}.btn-danger{background-color:var(--danger);border-radius:3px;color:#fff;padding:5px 10px}.btn-danger:hover:not(:disabled){background-color:#e04a4a}.test-result-message{border-radius:4px;margin-top:10px;padding:10px;width:100%}.test-result-message.success{background-color:var(--success-soft);color:var(--success)}.test-result-message.error{background-color:var(--danger-soft);color:var(--danger)}.server-list-container{background:var(--surface-2);border-radius:5px;padding:20px}.server-list-empty{color:var(--text-muted);font-style:italic}.server-list-item{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:15px;transition:background-color .2s ease}.server-list-item:last-child{border-bottom:none}.server-list-item--editing{background-color:var(--border)}.server-info{flex-grow:1}.server-header{align-items:center;display:flex;margin-bottom:5px}.server-name{color:var(--text);font-size:1.1rem;font-weight:700}.status-indicator{border-radius:50%;display:inline-block;height:10px;margin-left:10px;margin-right:5px;width:10px}.status-active{background-color:var(--success)}.status-inactive{background-color:var(--danger)}.status-text{font-size:.8rem}.status-text.active{color:var(--success)}.status-text.inactive{color:var(--danger)}.server-details{color:var(--text);font-size:.9em;margin-top:5px}.server-detail-item{display:block;margin-bottom:2px}.server-description{color:var(--text-muted);display:block;font-size:.85em;font-style:italic;margin-top:5px}.server-actions{display:flex;gap:8px;margin-left:20px}@media (max-width:768px){.form-col-50{flex-basis:100%}.form-row{flex-direction:column;gap:0}.server-list-item{align-items:stretch;flex-direction:column}.server-actions{justify-content:flex-end;margin-left:0;margin-top:15px}.btn{flex-grow:1;width:auto}}@media (max-width:480px){.server-management-container{padding:10px}.btn{font-size:.9em;padding:6px 12px}.btn-danger{padding:4px 8px}}.extensionMonitorContainer{padding:20px}.pageTitle{color:var(--text);margin-bottom:20px}.message{border-radius:4px;font-size:14px;margin-bottom:15px;padding:10px}.messageSuccess{background-color:var(--success-soft);color:var(--success)}.messageError{background-color:var(--danger-soft);color:var(--danger)}.controlsSection{align-items:center;background:var(--surface-2);border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:20px}.lastUpdatedInfo{color:var(--text-muted);font-size:.9rem}.controlButtons{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s ease}.button:disabled{background-color:var(--border);cursor:not-allowed}.buttonPrimary{color:#fff}.buttonPrimary,.buttonPrimary:hover:not(:disabled){background-color:var(--success)}.buttonSecondary{color:#fff}.buttonSecondary,.buttonSecondary:hover:not(:disabled){background-color:var(--text-muted)}.buttonDanger{background-color:var(--danger);color:#fff}.buttonDanger:hover:not(:disabled){background-color:#c82333}.refreshIntervalControls{align-items:center;color:var(--text-muted);display:flex;gap:10px}.refreshIntervalControls select{border:1px solid var(--border);border-radius:4px;padding:4px 8px}.filterContainer{flex-basis:100%;position:relative}.filterInput{border:1px solid var(--border);border-radius:4px;padding:8px 30px 8px 12px;width:100%}.clearFilterButton{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;line-height:1;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.loadingMessage{color:var(--info);font-size:1.1em;padding:20px;text-align:center}.tableContainer{overflow-x:auto}.extensionsTable{border-collapse:collapse;margin-bottom:20px;width:100%}.extensionsTable td,.extensionsTable th{border-bottom:1px solid var(--border);padding:12px;text-align:left}.extensionsTable th{color:var(--text-muted);font-weight:600}.extensionsTable th,.extensionsTable tr:hover{background-color:var(--surface-2)}.statusBadge{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 8px}.statusOnline{background-color:var(--success-soft);color:var(--success)}.statusOffline{background-color:var(--danger-soft);color:var(--danger)}.statusNotConfigured{background-color:#e2e3e5;color:#383d41}.statusUnknown{background-color:#fff3cd;color:var(--warning)}.statusDefault{background-color:#d1ecf1;color:#0c5460}.noDataMessage{color:var(--text-muted);margin-bottom:20px;padding:30px;text-align:center}.noDataMessage,.statusLegend{background-color:var(--surface-2);border-radius:8px}.statusLegend{margin-top:20px;padding:15px}.statusLegend h4{color:var(--text-muted);margin-bottom:10px;margin-top:0}.legendItems{display:flex;flex-wrap:wrap;gap:20px}.legendItem{align-items:center;display:flex;gap:8px}.legendText{color:var(--text-muted);font-size:.9rem}.extCardsGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:20px}.extCard{border:1px solid #0000;border-radius:10px;box-shadow:0 1px 3px #00000014;padding:14px;text-align:center;transition:transform .1s ease}.extCard:hover{transform:translateY(-2px)}.extCardOnline{background-color:var(--success-soft);border-color:var(--success)}.extCardInuse{background-color:var(--danger-soft);border-color:var(--danger)}.extCardOffline{background-color:var(--muted-soft);border-color:var(--muted)}.extCardNumber{color:#212529;font-size:1.4rem;font-weight:700}.extCardStatus{font-size:.9rem;font-weight:600;margin:4px 0}.extCardOnline .extCardStatus{color:var(--success)}.extCardInuse .extCardStatus{color:var(--danger)}.extCardDetail,.extCardOffline .extCardStatus{color:var(--text-muted)}.extCardDetail{font-size:.8rem}.extCardIp{color:var(--text-muted);font-size:.75rem;margin-top:4px;word-break:break-all}.extLegend{background:var(--surface-2);border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px}.extLegend .legendItem{align-items:center;color:var(--text-muted);display:flex;font-size:.85rem;gap:6px}.legendDot{border-radius:50%;display:inline-block;height:12px;width:12px}.legendOnline{background-color:var(--success)}.legendInuse{background-color:var(--danger)}.legendOffline{background-color:var(--muted)}@media (max-width:768px){.controlButtons,.controlsSection{align-items:stretch;flex-direction:column}.button{margin-bottom:5px;width:100%}.refreshIntervalControls{justify-content:space-between;width:100%}.legendItems{flex-direction:column;gap:10px}}.queue-report-container{background:#f5f7fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.report-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border-radius:10px;box-shadow:0 4px 15px #0000001a;color:#fff;margin-bottom:30px;padding:30px}.report-header h1{font-size:28px;font-weight:600;margin:0}.report-subtitle{font-size:14px;margin:10px 0 0;opacity:.9}.filters-section{background:var(--surface);border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:25px}.filters-section h2{border-bottom:2px solid var(--primary);color:var(--text);font-size:20px;margin:0 0 20px;padding-bottom:10px}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.filter-group{display:flex;flex-direction:column}.filter-group label{color:var(--text);font-size:14px;font-weight:600;margin-bottom:8px}.filter-group input,.filter-group select{border:1px solid var(--border);border-radius:6px;font-size:14px;padding:10px 12px;transition:all .3s ease}.filter-group input:focus,.filter-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.filter-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{color:var(--text)}.btn-secondary,.btn-secondary:hover{background:var(--border)}.btn-success{background:linear-gradient(135deg,var(--success) 0,#38a169 100%);color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #48bb7866;transform:translateY(-2px)}.btn-success:disabled{cursor:not-allowed;opacity:.6}.view-toggle{background:var(--surface);border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;gap:10px;margin-bottom:20px;padding:15px}.view-toggle button{background:var(--surface);border:2px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.view-toggle button:hover{border-color:var(--primary);color:var(--primary)}.view-toggle button.active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border-color:var(--primary);color:#fff}.metricas-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.metrica-card{background:var(--surface);border-left:4px solid var(--primary);border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.metrica-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.metrica-card.success{border-left-color:var(--success)}.metrica-card.warning{border-left-color:#ed8936}.metrica-card.danger{border-left-color:var(--danger)}.metrica-card.info{border-left-color:#4299e1}.metrica-titulo{color:var(--text-muted);font-size:14px;font-weight:600;margin-bottom:10px}.metrica-valor{color:var(--text);font-size:32px;font-weight:700;margin-bottom:5px}.metrica-percentual{color:var(--text);font-size:16px;font-weight:600}.graficos-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.grafico-card{background:var(--surface);border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.grafico-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.grafico-card h3{border-bottom:2px solid var(--primary);color:var(--text);font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.table-header{background:var(--surface);border-radius:10px 10px 0 0;box-shadow:0 2px 10px #0000000d;padding:20px}.table-header h2{color:var(--text);font-size:20px;margin:0}.table-container{background:var(--surface);border-radius:0 0 10px 10px;box-shadow:0 2px 10px #0000000d;overflow-x:auto}.queue-table{border-collapse:collapse;width:100%}.queue-table thead{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);color:#fff}.queue-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.queue-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.queue-table tbody tr:hover{background-color:var(--surface-2)}.queue-table tbody td{color:var(--text);font-size:14px;padding:15px}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:5px 12px;text-transform:uppercase}.status-badge.status-answered{background-color:#c6f6d5;color:#22543d}.status-badge.status-no-answer{background-color:var(--danger-soft);color:var(--danger)}.status-badge.status-busy{background-color:#feebc8;color:#7c2d12}.status-badge.status-failed{background-color:#feb2b2;color:var(--danger)}.pagination{align-items:center;background:var(--surface);border-radius:0 0 10px 10px;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding:20px}.pagination button{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-size:14px;padding:8px 15px;transition:all .3s ease}.pagination button:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.pagination button.active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border-color:var(--primary);color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:var(--text-muted);padding:8px 15px}.pagination-info{color:var(--text-muted);font-size:14px;font-weight:500;margin-left:15px}.error-message{background:var(--danger-soft);border-left:4px solid var(--danger);border-radius:10px;color:var(--danger);font-weight:500;margin-bottom:20px;padding:15px 20px}.no-data{background:var(--surface);border-radius:10px;box-shadow:0 2px 10px #0000000d;color:var(--text-muted);font-size:16px;padding:40px;text-align:center}.loading-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-overlay p{color:#fff;font-size:18px;font-weight:600;margin-top:20px}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{align-items:center;background:var(--surface-2);border-radius:10px;color:var(--text);display:flex;font-size:16px;font-weight:500;gap:15px;justify-content:center;padding:40px}.spinner-small{animation:spin 1s linear infinite;border:3px solid #667eea4d;border-radius:50%;border-top:3px solid var(--primary);height:30px;width:30px}@media (max-width:768px){.queue-report-container{padding:15px}.report-header h1{font-size:22px}.filters-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.filter-actions button{justify-content:center;width:100%}.metricas-container{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metrica-valor{font-size:24px}.view-toggle{flex-direction:column}.graficos-container{grid-template-columns:1fr}.table-container{overflow-x:scroll}.queue-table{min-width:800px}.pagination{padding:15px 10px}.pagination button{font-size:12px;padding:6px 10px}.pagination-info{margin-left:0;margin-top:10px;text-align:center;width:100%}}@media (max-width:480px){.report-header{padding:20px}.report-header h1{font-size:18px}.report-subtitle{font-size:12px}.filters-section{padding:15px}.metricas-container{grid-template-columns:1fr}.grafico-card,.metrica-card{padding:15px}.grafico-card h3{font-size:16px}}.liveQueueContainer{padding:16px}.lq-status{font-size:14px;margin:8px 0 16px}.lq-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin:8px 0 16px}.lq-control{color:var(--text);display:flex;flex-direction:column;font-size:13px;gap:4px}.lq-control .formSelect{min-width:180px}.lq-connecting{color:var(--muted)}.lq-connected{color:#22c55e;font-weight:600}.lq-disconnected{color:#f59e0b}.lq-queue-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:16px}.lq-queue-name{color:var(--text);font-size:16px;margin:0 0 12px}.lq-empty{color:#9ca3af;font-size:13px}.lq-free{background:var(--success-soft);color:#166534}.lq-busy{background:var(--danger-soft);color:#991b1b}.lq-paused{background:var(--warning-soft);color:#92400e}.lq-unknown{background:var(--surface-2);color:var(--text-muted)}.accessLogsContainer{padding:16px}.accessLogsHint{color:var(--text-muted);font-size:13px;margin:4px 0 12px}.accessLogsResource{color:#4b5563;font-size:12px;word-break:break-word}.scheduledReportsContainer{padding:16px}.scheduledHint{color:var(--text-muted);font-size:13px;margin:4px 0 16px}.scheduledForm{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:20px;padding:16px}.scheduledFormRow{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.scheduledFormRow label{color:var(--text);display:flex;flex-direction:column;font-size:13px;gap:4px}.scheduledFormRow input,.scheduledFormRow select{border:1px solid var(--border);border-radius:6px;font-size:14px;min-width:160px;padding:6px 8px}.scheduledCheck{align-items:center;flex-direction:row!important;gap:6px!important}.scheduledCheck input{min-width:auto}.scheduledActions{display:flex;gap:8px}.buttonSmall{font-size:12px;padding:4px 8px}.container{display:flex;flex-direction:column;min-height:100vh}.header{background:var(--surface);border-bottom:1px solid var(--border);gap:24px;height:62px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.brand,.header{align-items:center;display:flex}.brand{flex-shrink:0;gap:10px}.brandLogo{border-radius:8px;height:34px;object-fit:contain;width:34px}.appTitle{color:var(--text);font-size:1.15rem;font-weight:700;margin:0;white-space:nowrap}.nav{align-items:center;display:flex;gap:2px;margin-left:auto;margin-right:auto;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.navLink{border-radius:8px;color:var(--text-muted);font-size:.88rem;font-weight:500;padding:7px 12px;text-decoration:none;transition:color .15s ease,background-color .15s ease;white-space:nowrap}.navLink:hover{background:var(--surface-2);color:var(--text)}.navLinkActive{background:var(--primary-soft);color:var(--primary)}.userInfoContainer{align-items:center;display:flex;flex-shrink:0;gap:10px}.usernameText{color:var(--text-muted);font-size:.85rem;font-weight:500;white-space:nowrap}.themeToggle{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:background-color .15s ease;width:36px}.themeToggle:hover{background:var(--border)}.logoutButton{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 14px;transition:background-color .15s ease,border-color .15s ease}.logoutButton:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.mainContent{flex-grow:1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.footer{border-top:1px solid var(--border);color:var(--text-muted);font-size:.82rem;padding:16px 24px;text-align:center}.footer p{margin:0}@media (max-width:900px){.header{flex-wrap:wrap;gap:10px;height:auto;padding:10px 16px}.nav{margin:0;order:3;width:100%}.usernameText{display:none}}
/*# sourceMappingURL=main.f9f57761.css.map*/