code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;display:flex;justify-content:center;min-height:80vh}.login-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:30px;width:100%}.login-form h2{color:#333;margin-bottom:20px;margin-top:0;text-align:center}.form-group{margin-bottom:15px}.form-group label{color:#555}.form-group input{border:1px solid #ddd;border-radius:4px;padding:10px}.form-group input,button{font-size:16px;width:100%}button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:12px;transition:background-color .3s}button:hover{background-color:#3a7bc8}button:disabled{background-color:#b0c7e4;cursor:not-allowed}.login-form p{margin-top:20px;text-align:center}.login-form a{color:#4a90e2;text-decoration:none}.login-form a:hover{text-decoration:underline}.register-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px 0}.register-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;padding:30px;width:100%}.register-form h2{color:#333;margin-bottom:20px;margin-top:0;text-align:center}.dashboard{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.dashboard h2{color:#333;margin-bottom:20px;margin-top:0}.dashboard .filters{background-color:#f9f9f9;border-radius:6px;margin-bottom:24px;padding:16px}.dashboard .filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.dashboard .filter-group{display:flex;flex-direction:column;min-width:180px}.dashboard .filter-group label{color:#555;font-size:.85em;font-weight:500;margin-bottom:4px}.dashboard .filter-group input,.dashboard .filter-group select{border:1px solid #ddd;border-radius:4px;font-size:.9em;padding:8px 12px}.dashboard .filter-btn{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;height:36px;padding:8px 16px}.dashboard .filter-btn:hover{background-color:#357ac2}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stat-card{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:20px;text-align:center;transition:transform .3s,box-shadow .3s}.stat-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.stat-card h3{color:#555;font-size:1em;margin-top:0}.stat-value{font-size:2em;font-weight:700;margin-top:10px}.stat-card.total .stat-value,.stat-value{color:#4a90e2}.stat-card.filtered .stat-value{color:#6c5ce7}.stat-card.incoming .stat-value{color:#27ae60}.stat-card.outgoing .stat-value{color:#e67e22}.stat-card.missed .stat-value{color:#e74c3c}@media (max-width:768px){.dashboard .filter-row{flex-direction:column;gap:12px}.dashboard .filter-btn,.dashboard .filter-group{width:100%}}.call-logs{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.call-logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.call-logs h2{color:#333;margin:0}.export-btn{background-color:#4caf50;padding:8px 16px;width:auto}.export-btn:hover{background-color:#3d8b40}.filters{background-color:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:15px}.filter-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.filter-group{flex:1 1;min-width:200px}.filter-group label{display:block;font-weight:500;margin-bottom:5px}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.filter-btn{background-color:#4a90e2;margin-top:22px;padding:8px 15px;width:auto}.call-logs-table{overflow-x:auto}.call-incoming{border-left:4px solid #4caf50}.call-outgoing{border-left:4px solid #2196f3}.call-missed{border-left:4px solid #f44336}.no-data{color:#666;padding:30px;text-align:center}.pagination{display:flex;gap:10px;justify-content:center;margin-bottom:40px;margin-top:20px}.pagination button{padding:8px 12px;width:auto}.pagination span{align-items:center;color:#666;display:flex}.upload-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.upload-container h2{color:#333;margin-bottom:20px;margin-top:0}.upload-form{max-width:800px}.file-input-container{margin-bottom:20px;position:relative}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.file-input-label{background-color:#4a90e2;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;padding:12px 20px;pointer-events:none;position:relative;transition:background-color .3s;-webkit-user-select:none;user-select:none;z-index:1}.file-help{color:#666;font-size:.9em;margin-top:8px}.sample-data{background-color:#f5f5f5;border-radius:8px;margin-bottom:20px;overflow-x:auto;padding:15px}.sample-data h3{color:#555;font-size:1em;margin-bottom:10px;margin-top:0}.sample-data pre{font-size:.9em;margin:0}.upload-btn{background-color:#4caf50}.upload-btn:hover{background-color:#3d8b40}.upload-btn:disabled{background-color:#a5d6a7}.admin-user-management{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-header h2{margin:0}.add-user-btn{background-color:#4caf50;padding:8px 16px;width:auto}.user-form{background-color:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:15px}.user-form h3{margin-bottom:15px;margin-top:0}.form-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.form-group{flex:1 1;min-width:200px}.form-group label{display:block;font-weight:500;margin-bottom:5px}.admin-checkbox label{align-items:center;cursor:pointer;display:flex}.admin-checkbox input{margin-right:8px}.form-buttons{display:flex;gap:10px}.cancel-btn,.delete-btn,.edit-btn,.save-btn{padding:8px 16px;width:auto}.save-btn{background-color:#4a90e2}.cancel-btn{background-color:#9e9e9e}.edit-btn{background-color:#ff9800;margin-right:8px}.delete-btn{background-color:#f44336}.edit-row{background-color:#f8f8f8}.edit-form{padding:15px}.users-table{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background-color:#f0f0f0;border-bottom:2px solid #ddd;padding:12px;text-align:left}tbody td{border-bottom:1px solid #ddd;padding:12px}tbody tr:hover{background-color:#f9f9f9}.navbar{background-color:#333;color:#fff;justify-content:space-between;padding:.5rem 1rem;width:100%}.navbar,.navbar-left{align-items:center;display:flex}.navbar-brand{font-size:1.25rem;font-weight:700;margin-right:1.5rem}.navbar-links{align-items:center;display:flex}.navbar-item{color:#fff;margin-right:.5rem;padding:.5rem 1rem;text-decoration:none}.navbar-item:hover{background-color:#444;border-radius:4px}.navbar-dropdown{display:inline-block;position:relative}.navbar-item.with-dropdown{cursor:pointer}.dropdown-content{background-color:#444;border-radius:4px;box-shadow:0 8px 16px 0 #0003;display:none;min-width:160px;position:absolute;z-index:1}.dropdown-content a{color:#fff;display:block;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#555}.navbar-dropdown:hover .dropdown-content{display:block}.navbar-right{align-items:center;display:flex}.navbar-username{margin-right:1rem}.admin-badge{background-color:#f44336;border-radius:3px;color:#fff;display:inline-block;font-size:.7em;margin-left:5px;padding:2px 5px}.logout-btn{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.logout-btn:hover{background-color:#3367d6}.navbar-item.active{background-color:#555;border-radius:4px;color:#fff}.dropdown-content a.active{background-color:#666}.copyright-banner{background-color:#333;bottom:0;color:#fff;font-size:.9rem;margin-top:auto;padding:10px 0;position:fixed;text-align:center;width:100%;z-index:100}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.container{margin:20px auto;max-width:1200px;padding:0 20px}.error-message{background-color:#ffebee;color:#d32f2f}.error-message,.success-message{border-radius:4px;margin-bottom:15px;padding:10px 15px}.success-message{background-color:#e8f5e9;color:#2e7d32}.loading{color:#666;font-size:16px;padding:20px;text-align:center}
/*# sourceMappingURL=main.7124c817.css.map*/