/* CSS Minimalis untuk Bingkai */
        html, body { height: 100%; margin: 0; background-color: #f8fafc; }
        body { display: flex; flex-direction: column; }
        
        /* Wadah konten harus fleksibel */
        .body-wrapper { flex: 1 0 auto; width: 100%; }
        
        /* --- EFEK TRANSISI LEMBUT --- */
        #dynamic-content {
            opacity: 0;
            transform: translateY(20px); /* Posisi awal sedikit di bawah */
            transition: all 0.8s ease-in-out;
        }
        .fade-in {
            opacity: 1 !important;
            transform: translateY(0) !important;
        }
        /* --------------------------- */
        
        /* Loader Overlay */
        #kandaga-loader { 
            display:none; position:fixed; top:0; left:0; width:100%; height:100%; 
            background:rgba(255,255,255,0.9); z-index:9999; 
            justify-content:center; align-items:center; flex-direction:column; 
            backdrop-filter:blur(3px); 
        }
        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        
        /* Pastikan footer tidak bertumpuk */
        footer { flex-shrink: 0; }