/* Custom styles for mobile-first design */
body {
    background-color: #f8f9fa;
    padding-bottom: 2rem;
}
.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
.card {
    border-radius: 0.5rem;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
}
.card-header {
    background-color: #f1f3f5;
    font-weight: 600;
}
.table-responsive {
    font-size: 0.9rem;
}
@media (max-width: 576px) {
    .table-responsive {
        font-size: 0.8rem;
    }
    .btn-sm {
        font-size: 0.7rem;
    }
}