/* Mobile Responsive */
@media (max-width: 768px) {
    /* Sidebar */
    .sidenav {
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }
    
    .g-sidenav-show .sidenav {
        transform: translateX(0);
    }
    
    /* Navbar */
    .navbar-main {
        left: 0 !important;
        margin-left: 0 !important;
    }
    
    /* Main content */
    .main-content {
        margin-left: 0 !important;
    }
    
    /* Login form */
    .authentication-card {
        padding: 1rem !important;
    }
}

@media (max-width: 576px) {
    /* Smaller padding for mobile */
    body {
        font-size: 14px;
    }
    
    .btn {
        font-size: 14px;
        padding: 0.5rem 1rem;
    }
}