body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background:#2c3e50;color:#fff;height:100vh;left:0;overflow-y:auto;padding:0;position:fixed;top:0;width:250px}.sidebar-header{border-bottom:1px solid #34495e;padding:20px;text-align:center}.sidebar-header h2{color:#ecf0f1;font-size:1.5rem;margin:0}.sidebar-nav{padding:20px 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#bdc3c7;display:flex;padding:15px 25px;text-decoration:none;transition:all .3s ease}.nav-item:hover{background:#34495e;border-left-color:#3498db;color:#ecf0f1}.nav-item.active{background:#34495e;border-left-color:#e74c3c;color:#ecf0f1}.nav-icon{font-size:1.2rem;margin-right:12px}.nav-label{font-size:1rem;font-weight:500}.dashboard{margin:0 auto;max-width:1200px;padding:30px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-header h1{color:#2c3e50;font-size:2rem;margin:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px;text-align:center}.stat-value{color:#3498db;font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-label{color:#7f8c8d;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.chart-card.full-width{grid-column:1/-1}.dashboard-error,.dashboard-loading{align-items:center;color:#7f8c8d;display:flex;font-size:1.2rem;height:400px;justify-content:center}.calls-page{padding:30px}.calls-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.calls-header h1{color:#2c3e50;font-size:2rem;margin:0}.calls-filters{display:flex;flex-wrap:wrap;gap:10px}.calls-filters input,.calls-filters select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:120px;padding:8px 12px}.clear-filters-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.clear-filters-btn:hover{background:#c0392b}.calls-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow-x:auto}.calls-table{border-collapse:collapse;font-size:14px;width:100%}.calls-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#2c3e50;font-weight:600;padding:15px 12px;text-align:left;white-space:nowrap}.calls-table td{border-bottom:1px solid #e9ecef;padding:12px;white-space:nowrap}.calls-table tr:hover{background:#f8f9fa}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.status-badge.success{background:#d4edda;color:#155724}.status-badge.warning{background:#fff3cd;color:#856404}.status-badge.danger{background:#f8d7da;color:#721c24}.status-badge.default{background:#e2e3e5;color:#383d41}.recording-link{color:#3498db;font-weight:500;text-decoration:none}.recording-link:hover{text-decoration:underline}.pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:20px}.pagination-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.pagination-btn:hover:not(:disabled){background:#2980b9}.pagination-btn:disabled{background:#bdc3c7;cursor:not-allowed}.pagination-info{color:#7f8c8d;font-size:14px}.numbers-page{padding:30px}.numbers-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.numbers-header h1{color:#2c3e50;font-size:2rem;margin:0}.add-number-btn{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px}.add-number-btn:hover{background:#219a52}.add-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.add-form-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:90vw;overflow-y:auto;width:500px}.add-form-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 25px}.add-form-header h3{color:#2c3e50;font-size:1.3rem;margin:0}.close-btn{align-items:center;background:none;border:none;color:#7f8c8d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{color:#2c3e50}.add-form{padding:25px}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.form-group input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-group input:disabled{background:#f8f9fa;color:#6c757d}.form-group small{color:#7f8c8d;display:block;font-size:12px;margin-top:5px}.form-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.cancel-btn{background:#7f8c8d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.cancel-btn:hover{background:#6c757d}.save-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.save-btn:hover{background:#2980b9}.numbers-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.numbers-table{border-collapse:collapse;font-size:14px;width:100%}.numbers-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#2c3e50;font-weight:600;padding:15px 12px;text-align:left;white-space:nowrap}.numbers-table td{border-bottom:1px solid #e9ecef;padding:12px}.numbers-table tr:hover{background:#f8f9fa}.phone-number{font-family:Courier New,monospace;font-weight:500}.status-toggle{border:none;border-radius:12px;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.status-toggle.active{background:#d4edda;color:#155724}.status-toggle.inactive{background:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:8px}.delete-btn,.edit-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px}.edit-btn{background:#3498db;color:#fff}.edit-btn:hover{background:#2980b9}.delete-btn{background:#e74c3c;color:#fff}.delete-btn:hover{background:#c0392b}.loading{align-items:center;color:#7f8c8d;display:flex;font-size:1.2rem;height:400px;justify-content:center}.analytics-page{padding:30px}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.analytics-header h1{color:#2c3e50;font-size:2rem;margin:0}.date-filters{display:flex;gap:10px}.date-filters input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.analytics-content{display:flex;flex-direction:column;gap:30px}.chart-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.chart-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px}.chart-card h3{color:#2c3e50;font-size:1.2rem;margin:0 0 20px}.table-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.table-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px}.table-card h3{color:#2c3e50;font-size:1.2rem;margin:0 0 20px}.table-container{overflow-x:auto}.analytics-table{border-collapse:collapse;font-size:14px;width:100%}.analytics-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#2c3e50;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.analytics-table td{border-bottom:1px solid #e9ecef;padding:12px}.analytics-table tr:hover{background:#f8f9fa}.analytics-loading{align-items:center;color:#7f8c8d;display:flex;font-size:1.2rem;height:400px;justify-content:center}@media (max-width:768px){.chart-section{grid-template-columns:1fr}.analytics-header{align-items:flex-start;flex-direction:column;gap:20px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f6fa;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{display:flex;height:100vh}.main-content{background:#f5f6fa;flex:1 1;margin-left:250px;overflow-y:auto}@media (max-width:768px){.main-content{margin-left:0}}
/*# sourceMappingURL=main.ddd70edf.css.map*/