body {
                background: #f5f7fb;
            }

            .stat-card {
                border: none;
                border-radius: 15px;
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
            }

            .filter-card {
                border: none;
                border-radius: 15px;
            }

            .badge-sinta {
                font-size: 12px;
            }

            #loadingOverlay{
                position:fixed;
                top:0;
                left:0;
                width:100%;
                height:100%;
                background:rgba(255,255,255,0.95);
                z-index:99999;

                display:flex;
                justify-content:center;
                align-items:center;

                transition:all .3s ease;
            }

            #loadingOverlay.hide{
                opacity:0;
                visibility:hidden;
            }

            .spinner-border{
                animation: spinner-border .75s linear infinite;
            }
            
            .skeleton{
                height:20px;
                border-radius:5px;

                background:
                linear-gradient(
                90deg,
                #eeeeee 25%,
                #f8f8f8 50%,
                #eeeeee 75%
                );

                background-size:200% 100%;

                animation:skeleton 1.5s infinite;
            }

            @keyframes skeleton{

                0%{
                    background-position:200% 0;
                }

                100%{
                    background-position:-200% 0;
                }

            }