/* scroll hide in attendance overview widget*/
        .attendance-scroll {
            max-height: calc(100vh - 150px);
            /* adjust based on layout */
            overflow-y: auto;
            padding-right: 10px;
            margin-right: -10px;
            scrollbar-width: none;
            /* Firefox */
            -ms-overflow-style: none;
            /* IE/Edge */
        }

        .attendance-scroll::-webkit-scrollbar {
            display: none;
            /* Chrome/Safari */
        }

        .attendance-scroll table {
            width: 100%;
            border-collapse: collapse;
        }

        .attendance-scroll thead th {
            position: sticky;
            top: 0;
            /* match your app card background */
            z-index: 1;
            border-bottom: 2px solid #dee2e6;
        }