.table-container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}


/* Background gradient for full dashboard page */
body {
    background: linear-gradient(135deg, #e0f7fa 0%, #f1f8e9 100%);
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', sans-serif;
}

/* Remove any default margins and padding that might cause footer whitespace */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
}

#react-entry-point {
    margin: 0;
    padding: 0;
}

.dash-card {
    border-radius: 16px; 
    background: white;  
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); 
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dash-card:hover {
    transform: translateY(-6px); 
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.25); 
}